Browse Source

Bugfix/fix style of slide toggle after Angular Material upgrade (#5303)

* Fix style
pull/5304/head
Thomas Kaul 1 week ago
committed by GitHub
parent
commit
6fa8cf3cb8
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 32
      apps/client/src/styles.scss

32
apps/client/src/styles.scss

@ -267,6 +267,30 @@ body {
background-color: rgba(var(--palette-foreground-base-dark), 0.02); background-color: rgba(var(--palette-foreground-base-dark), 0.02);
} }
.mat-mdc-slide-toggle {
.mdc-switch__track {
--mat-slide-toggle-selected-focus-track-color: rgba(
255,
255,
255,
0.12
);
--mat-slide-toggle-selected-hover-track-color: rgba(
255,
255,
255,
0.12
);
--mat-slide-toggle-selected-pressed-track-color: rgba(
255,
255,
255,
0.12
);
--mat-slide-toggle-selected-track-color: rgba(255, 255, 255, 0.12);
}
}
.mdc-button { .mdc-button {
&.mat-accent, &.mat-accent,
&.mat-primary { &.mat-primary {
@ -488,12 +512,12 @@ ngx-skeleton-loader {
} }
} }
/**
* Fix for https://github.com/angular/components/issues/26818
*/
.mat-mdc-slide-toggle { .mat-mdc-slide-toggle {
.mdc-switch__track { .mdc-switch__track {
background-color: rgba(var(--palette-primary-500), 1); --mat-slide-toggle-selected-focus-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-selected-hover-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-selected-pressed-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-selected-track-color: rgba(0, 0, 0, 0.12);
} }
} }

Loading…
Cancel
Save