From cbd9fd055b2332554837bc78a75fc11eefcba9e3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adina=20=C8=9Aeudan?= Date: Thu, 11 Apr 2024 15:14:58 +0300 Subject: [PATCH] RED-8731: Updated material & fixed toggle appearance --- src/assets/styles/common-toggle.scss | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) diff --git a/src/assets/styles/common-toggle.scss b/src/assets/styles/common-toggle.scss index 1b48bef..f0292ca 100644 --- a/src/assets/styles/common-toggle.scss +++ b/src/assets/styles/common-toggle.scss @@ -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;