mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +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;
|
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
|
Single line text that should have ellipses when it doesn't all fit in the item
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
|
||||||
|
<ion-item no-lines>
|
||||||
|
Single line item with no lines
|
||||||
|
</ion-item>
|
||||||
|
|
||||||
<ion-item text-wrap>
|
<ion-item text-wrap>
|
||||||
Multiline text that should wrap when it is too long
|
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>
|
||||||
|
|
||||||
<ion-item text-wrap>
|
<ion-item text-wrap>
|
||||||
|
Reference in New Issue
Block a user