FIXED: Segmented-buttons sizes fixed, typography is done
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
div.m3.m3-segmented-buttons
|
||||
padding: 0
|
||||
height: 40px
|
||||
display: inline-flex
|
||||
display: flex
|
||||
border-radius: 20px
|
||||
box-sizing: border-box
|
||||
|
||||
@@ -25,8 +25,20 @@ div.m3.m3-segmented-buttons
|
||||
& > span
|
||||
color: var(--md-sys-color-on-surface)
|
||||
|
||||
& > svg > text
|
||||
fill: var(--md-sys-color-on-surface)
|
||||
& > svg
|
||||
opacity: 0
|
||||
|
||||
& > text
|
||||
fill: var(--md-sys-color-on-surface)
|
||||
|
||||
&:not(.selected)
|
||||
& > svg
|
||||
display: none
|
||||
|
||||
&::after, &::before
|
||||
content: ''
|
||||
width: 6px
|
||||
position: relative
|
||||
|
||||
&:disabled
|
||||
border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent)
|
||||
@@ -37,6 +49,9 @@ div.m3.m3-segmented-buttons
|
||||
&.selected
|
||||
background-color: var(--md-sys-color-secondary-container)
|
||||
|
||||
& > svg
|
||||
opacity: 1
|
||||
|
||||
& > span
|
||||
color: var(--md-sys-color-on-secondary-container)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user