Skip to content

Commit b74d241

Browse files
committed
fix(segment-button): update minimum heights
1 parent 2117e1e commit b74d241

File tree

1 file changed

+6
-8
lines changed

1 file changed

+6
-8
lines changed

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

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -91,17 +91,15 @@
9191
// --------------------------------------------------
9292

9393
// Segments with icons above or below the label
94-
// should have a fixed height of 64px
94+
// should have a minimum height of 72px
9595
:host(.segment-button-layout-icon-top),
9696
:host(.segment-button-layout-icon-bottom) {
97-
height: globals.$ionic-scale-1600;
97+
min-height: globals.$ionic-scale-1800;
9898
}
9999

100-
// Segments with icons at the start or end, or with only
101-
// icons or labels, should have a fixed height of 48px
100+
// Segments with only icons or labels
101+
// should have a minimum height of 48px
102102
:host(.segment-button-has-label-only),
103-
:host(.segment-button-has-icon-only),
104-
:host(.segment-button-layout-icon-start),
105-
:host(.segment-button-layout-icon-end) {
106-
height: globals.$ionic-scale-1200;
103+
:host(.segment-button-has-icon-only) {
104+
min-height: globals.$ionic-scale-1200;
107105
}

0 commit comments

Comments
 (0)