From 52cc083fcfebcadd6ca68c9d5f3ff91c49e9dbf5 Mon Sep 17 00:00:00 2001
From: maxkadushkin <maxim.kadushkin@onlyoffice.com>
Date: Mon, 9 Mar 2026 13:50:09 +0300
Subject: [PATCH] [component] smooth change switcher state

---
 apps/common/main/resources/less/switcher.less | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/apps/common/main/resources/less/switcher.less b/apps/common/main/resources/less/switcher.less
index b234012332..d9a61156ca 100644
--- a/apps/common/main/resources/less/switcher.less
+++ b/apps/common/main/resources/less/switcher.less
@@ -9,29 +9,33 @@
     border: 1px solid @chb-border-normal-ie;
     border: 1px solid @chb-border-normal;
     box-sizing: initial;
+    transition: background-color .2s ease;
 
     .thumb {
         position: absolute;
         left: 0;
-        right: auto;
+        //right: auto;
         top: 0;
         height: 12px;
         border-radius: 12px;
         background-color: @chb-border-normal-ie;
         background-color: @chb-border-normal;
+        transition: left .2s ease, background-color .2s ease;
         margin: 2px;
     }
 
     &.on {
         background-color: @background-primary-dialog-button-ie;
         background-color: @background-primary-dialog-button;
-        border: 1px solid @background-primary-dialog-button-ie;
-        border: 1px solid @background-primary-dialog-button;
+        border-color: @background-primary-dialog-button-ie;
+        border-color: @background-primary-dialog-button;
+        transition: border-color .2s, background-color .2s ease;
         .thumb {
-            right: 0;
-            left: auto;
+            //right: 0;
+            left: 14px;
             background-color: @background-normal-ie;
             background-color: @background-normal;
+            transition: left .2s ease, background-color .2s ease;
         }
     }