Skip to content

Commit a1f3fcc

Browse files
authored
feat(select-modal): add ionic theme styling (#30007)
1 parent 9e30629 commit a1f3fcc

File tree

45 files changed

+84
-19
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+84
-19
lines changed

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

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -76,11 +76,6 @@ slot[name="end"]::slotted(*) {
7676
// Item: Focused
7777
// --------------------------------------------------
7878

79-
:host(.ion-focused) .item-native {
80-
// This prevents the focus ring from clipping.
81-
overflow: visible;
82-
}
83-
8479
:host(.ion-focused) .item-native::after {
8580
@include globals.border-radius(inherit);
8681
@include globals.position(0, 0, 0, 0);
@@ -100,11 +95,13 @@ slot[name="end"]::slotted(*) {
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/radio/radio.common.scss

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -156,6 +156,17 @@ input {
156156
display: block;
157157
}
158158

159+
// Radio Label
160+
// ----------------------------------------------------------------
161+
162+
.label-text-wrapper {
163+
text-overflow: ellipsis;
164+
165+
white-space: nowrap;
166+
167+
overflow: hidden;
168+
}
169+
159170
// Radio Label Placement - Start
160171
// ----------------------------------------------------------------
161172

core/src/components/radio/radio.native.scss

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,6 @@
1212
// Radio Label
1313
// ----------------------------------------------------------------
1414

15-
.label-text-wrapper {
16-
text-overflow: ellipsis;
17-
18-
white-space: nowrap;
19-
20-
overflow: hidden;
21-
}
22-
2315
:host(.in-item) .label-text-wrapper {
2416
@include margin($radio-item-label-margin-top, null, $radio-item-label-margin-bottom, null);
2517
}

0 commit comments

Comments
 (0)