Skip to content

Commit 67701fa

Browse files
committed
refactor(select-modal): remove borders
1 parent a862f9b commit 67701fa

File tree

2 files changed

+12
-8
lines changed

2 files changed

+12
-8
lines changed

core/src/components/item/item.ionic.scss

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
--background-activated: #{globals.$ion-primitives-neutral-200};
1010
--border-color: #{globals.$ion-primitives-neutral-300};
1111
--border-style: #{globals.$ion-border-style-solid};
12+
--border-width: #{0 0 globals.$ion-border-size-025 0};
1213
--color: #{globals.$ion-primitives-neutral-1200};
1314
--detail-icon-color: #{globals.$ion-primitives-neutral-800};
1415
--detail-icon-font-size: #{globals.$ion-scale-600};
@@ -91,20 +92,16 @@ slot[name="end"]::slotted(*) {
9192
// Ionic Item Lines
9293
// --------------------------------------------------
9394

94-
// Default input items have a full border
95-
:host(.item-interactive) {
96-
--border-width: #{globals.$ion-border-size-0} #{globals.$ion-border-size-0} #{globals.$ion-border-size-025} #{globals.$ion-border-size-0};
97-
--inner-border-width: #{globals.$ion-border-size-0};
98-
}
99-
10095
// Full lines - apply the border to the item
10196
// Inset lines - apply the border to the item inner
10297
:host(.item-lines-full) {
103-
--border-width: #{globals.$ion-border-size-0} #{globals.$ion-border-size-0} #{globals.$ion-border-size-025} #{globals.$ion-border-size-0};
98+
--border-width: #{globals.$ion-border-size-0 globals.$ion-border-size-0 globals.$ion-border-size-025
99+
globals.$ion-border-size-0};
104100
}
105101

106102
:host(.item-lines-inset) {
107-
--inner-border-width: #{globals.$ion-border-size-0} #{globals.$ion-border-size-0} #{globals.$ion-border-size-025} #{globals.$ion-border-size-0};
103+
--inner-border-width: #{globals.$ion-border-size-0 globals.$ion-border-size-0 globals.$ion-border-size-025
104+
globals.$ion-border-size-0};
108105
}
109106

110107
// Full lines - remove the border from the item inner (inset list items)

core/src/components/select-modal/select-modal.ionic.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,13 @@
44
// Ionic Select Modal
55
// --------------------------------------------------
66

7+
// Item
8+
// ----------------------------------------------------------------
9+
10+
ion-item {
11+
--border-width: 0;
12+
}
13+
714
// Toolbar
815
// ----------------------------------------------------------------
916

0 commit comments

Comments
 (0)