Skip to content

Commit 66bcf9c

Browse files
committed
fixup! fix(material/slider): fix value indicator bubble for m3
1 parent 28e2566 commit 66bcf9c

File tree

1 file changed

+14
-13
lines changed

1 file changed

+14
-13
lines changed

src/material/core/tokens/m2/mat/_slider.scss

Lines changed: 14 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,15 @@ $prefix: (mat, slider);
88
// Tokens that can't be configured through Angular Material's current theming API,
99
// but may be in a future version of the theming API.
1010
@function get-unthemable-tokens() {
11-
@return ();
11+
@return (
12+
value-indicator-width: auto,
13+
value-indicator-height: 32px,
14+
value-indicator-caret-width: 6px,
15+
value-indicator-caret-height: 6px,
16+
value-indicator-caret-offset: -5px,
17+
value-indicator-border-radius: 4px,
18+
value-indicator-padding: 0 12px
19+
);
1220
}
1321

1422
// Tokens that can be configured through Angular Material's color theming API.
@@ -17,14 +25,7 @@ $prefix: (mat, slider);
1725

1826
@return (
1927
// Opacity of value indicator text container
20-
value-indicator-opacity: if($is-dark, 0.9, 0.6),
21-
value-indicator-width: auto,
22-
value-indicator-height: 32px,
23-
value-indicator-caret-width: 6px,
24-
value-indicator-caret-height: 6px,
25-
value-indicator-caret-offset: -5px,
26-
value-indicator-border-radius: 4px,
27-
value-indicator-padding: 0 12px,
28+
value-indicator-opacity: if($is-dark, 0.9, 0.6)
2829
);
2930
}
3031

@@ -42,9 +43,9 @@ $prefix: (mat, slider);
4243
// This is used to create token slots.
4344
@function get-token-slots() {
4445
@return sass-utils.deep-merge-all(
45-
get-unthemable-tokens(),
46-
get-color-tokens(token-utils.$placeholder-color-config),
47-
get-typography-tokens(token-utils.$placeholder-typography-config),
48-
get-density-tokens(token-utils.$placeholder-density-config)
46+
get-unthemable-tokens(),
47+
get-color-tokens(token-utils.$placeholder-color-config),
48+
get-typography-tokens(token-utils.$placeholder-typography-config),
49+
get-density-tokens(token-utils.$placeholder-density-config)
4950
);
5051
}

0 commit comments

Comments
 (0)