Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RED-8731: Updated material & fixed toggle appearance

Browse Source
This commit is contained in:
Adina Țeudan 2024-04-11 15:14:58 +03:00
parent 301ea99abe
commit cbd9fd055b
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/assets/styles/common-toggle.scss
View File

@ -32,9 +32,19 @@
--mdc-switch-track-width: 30px;
--mdc-switch-track-height: 16px;
--mdc-switch-track-shape: 8px;
--mdc-switch-handle-width: 12px;
--mdc-switch-handle-height: 12px;
--mat-switch-with-icon-handle-size: 12px;
--mdc-switch-handle-shape: 6px;
--mat-switch-unselected-with-icon-handle-horizontal-margin: 0 2px;
--mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;
--mat-switch-selected-with-icon-handle-horizontal-margin: 0 6px;
--mat-switch-selected-pressed-handle-horizontal-margin: 0 6px;
--mat-switch-selected-handle-horizontal-margin: 0 6px;
--mat-switch-unselected-handle-size: 12px;
--mat-switch-selected-handle-size: 12px;
--mat-switch-pressed-handle-size: 12px;
}
.mdc-form-field > label {
@ -42,17 +52,6 @@
padding-left: 0;
}
.mdc-switch__handle {
right: 8px;
left: unset;
}
.mdc-switch--unselected {
.mdc-switch__handle {
right: 4px;
}
}
.mdc-switch__icons,
.mdc-switch__ripple {
display: none;