Skip to content

Commit c1da68c

Browse files
committed
fix(linear-progressbar): fix rtl strips
1 parent 9e8d20d commit c1da68c

File tree

2 files changed

+7
-1
lines changed

2 files changed

+7
-1
lines changed

src/components/progress/themes/linear/linear.progress.base.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,12 @@
77
:host {
88
--track-size: #{rem(4px)};
99
--linear-animation-duration: 2000ms;
10+
--linear-strips-orientation: -45deg;
11+
}
12+
13+
:host(:dir(rtl)),
14+
:host([dir='rtl']) {
15+
--linear-strips-orientation: 45deg;
1016
}
1117

1218
[part~='base'] {

src/components/progress/themes/linear/shared/linear.progress.common.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ $theme: $material;
2525

2626
:host([striped][variant='#{$part}']) {
2727
--striped-bg: #{var-get($theme, $color-key) repeating-linear-gradient(
28-
-45deg,
28+
var(--linear-strips-orientation),
2929
var-get($theme, $color-key),
3030
var-get($theme, $color-key) var(--stripe-size),
3131
var-get($theme, 'stripes-color') var(--stripe-size),

0 commit comments

Comments
 (0)