octicon-rss(16/)
You've already forked ionic-framework
mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 22:44:13 +08:00
427222cc29
* docs(components): update grammar and docs * docs(item): update item documentation and add usage * test(item): add lines test * feat(list): add lines property to override borders on items * feat(item): add lines property to override borders on items * refactor(item): remove old uses of no-lines attribute * fix(item-sliding): update item options to show border - show the border on left options only if in a full list - show the border on both options only if in an inset list (or ios by default) - don’t show border on either for no lines list (and md by default) also renames isRightSide to isEndSide to match the side values * chore(package): update package lock * style(item): fix lint errors * test(item): update item tests * refactor(item): remove the custom styling of last child items instead of us overriding first/last child items to have borders we are going to add to the documentation how to style items with a full border * fix(item): apply border to item inputs for MD mode * docs(components): update docs based on new build * docs(usage): update item usage to show lines being used * fix(item): do not set the padding right to 0 on an item by default * fix(item): cast lines to boolean fixes: #5537 #13218 #12689 #12073 #9112
37 lines
949 B
SCSS
37 lines
949 B
SCSS
@import "./item-options";
|
|
@import "./item-options.ios.vars";
|
|
|
|
// iOS Item Options
|
|
// --------------------------------------------------
|
|
|
|
.item-options-ios {
|
|
border-bottom-width: 0;
|
|
border-bottom-style: $item-ios-border-bottom-style;
|
|
border-bottom-color: $item-ios-border-bottom-color;
|
|
|
|
&.item-options-end {
|
|
border-bottom-width: $item-ios-border-bottom-width;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// iOS No Lines List
|
|
// --------------------------------------------------
|
|
|
|
.list-ios-lines-none .item-options-ios {
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
|
|
// iOS Full/Inset Lines List
|
|
// --------------------------------------------------
|
|
|
|
// If the lines are full put a border on both item options
|
|
// If the lines are inset we should only show the border on the end
|
|
// because dragging open start options isn't continuous
|
|
.list-ios-lines-full .item-options-ios,
|
|
.list-ios-lines-inset .item-options-ios.item-options-end {
|
|
border-bottom-width: $item-ios-border-bottom-width;
|
|
}
|