mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-23 13:23:44 +08:00
[component] smooth change switcher state
This commit is contained in:
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user