Skip to content

Commit 4145be4

Browse files
committed
fix(segment-button): use correct position for ios
1 parent 73184f5 commit 4145be4

File tree

5 files changed

+13
-3
lines changed

5 files changed

+13
-3
lines changed

core/src/components/segment-button/segment-button.common.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,6 @@
169169
// --------------------------------------------------
170170

171171
.segment-button-indicator {
172-
@include position(null, 0, 0, 0);
173172
@include transform-origin(left);
174173

175174
position: absolute;

core/src/components/segment-button/segment-button.ionic.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,3 +67,10 @@
6767
:host(.segment-button-disabled) ::slotted(ion-icon) {
6868
color: var(--color-disabled);
6969
}
70+
71+
// Segment Button: Indicator
72+
// --------------------------------------------------
73+
74+
.segment-button-indicator {
75+
@include position(null, 0, 0, 0);
76+
}

core/src/components/segment-button/segment-button.ios.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,11 +95,12 @@
9595
@include margin-horizontal(0, 2px);
9696
}
9797

98-
// Segment Button: Checked Indicator
98+
// Segment Button: Indicator
9999
// --------------------------------------------------
100100

101101
.segment-button-indicator {
102102
@include padding(null, $segment-button-ios-margin);
103+
@include position(0, 0, 0, 0);
103104
}
104105

105106
.segment-button-indicator-background {

core/src/components/segment-button/segment-button.md.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -177,6 +177,10 @@
177177
// Segment Button: Indicator
178178
// --------------------------------------------------
179179

180+
.segment-button-indicator {
181+
@include position(null, 0, 0, 0);
182+
}
183+
180184
// Segment button indicator color should use the background checked variable with
181185
// a fallback to the default value of --indicator-color
182186
:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background {

core/src/components/segment/segment.ionic.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,3 @@
77
:host {
88
--background: #{globals.$ionic-color-base-white};
99
}
10-

0 commit comments

Comments
 (0)