mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
refactor(item): added the ability to assign no-lines to an item and remove the borders on that item only
references #387
This commit is contained in:
@ -268,3 +268,14 @@ ion-card {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.item[no-lines] {
|
||||
&:before,
|
||||
&:after {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
+ .item:before {
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
|
@ -254,3 +254,14 @@ button.item {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.item[no-lines] {
|
||||
&:before,
|
||||
&:after {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
+ .item:before {
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
|
@ -12,9 +12,13 @@
|
||||
Single line text that should have ellipses when it doesn't all fit in the item
|
||||
</ion-item>
|
||||
|
||||
<ion-item no-lines>
|
||||
Single line item with no lines
|
||||
</ion-item>
|
||||
|
||||
<ion-item text-wrap>
|
||||
Multiline text that should wrap when it is too long
|
||||
to fit on one line in the item. Class on .item
|
||||
to fit on one line in the item. Attribute on .item
|
||||
</ion-item>
|
||||
|
||||
<ion-item text-wrap>
|
||||
|
Reference in New Issue
Block a user