imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix slider toggle regression.

Browse source
This commit is contained in:
Jorik Schellekens 2020-05-04 15:07:41 +01:00
parent 5ac5c056e3
commit a11812a402
1 changed files with 7 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

17
res/css/views/elements/_ToggleSwitch.scss
View file

@ -24,11 +24,6 @@ limitations under the License.
background-color: $togglesw-off-color; background-color: $togglesw-off-color;
opacity: 0.5; opacity: 0.5;
display: flex;
flex-direction: row;
flex: 0 0 auto;
align-items: center;
} }
.mx_ToggleSwitch_enabled { .mx_ToggleSwitch_enabled {
@ -38,16 +33,18 @@ limitations under the License.
.mx_ToggleSwitch.mx_ToggleSwitch_on { .mx_ToggleSwitch.mx_ToggleSwitch_on {
background-color: $togglesw-on-color; background-color: $togglesw-on-color;
> .mx_ToggleSwitch_ball {
left: calc(100% - $font-20px);
}
} }
.mx_ToggleSwitch_ball { .mx_ToggleSwitch_ball {
transition: left 0.15s ease-out 0.1s; position: relative;
width: $font-20px; width: $font-20px;
height: $font-20px; height: $font-20px;
border-radius: $font-20px; border-radius: $font-20px;
background-color: $togglesw-ball-color; background-color: $togglesw-ball-color;
} transition: left 0.15s ease-out 0.1s;
left: 0;
.mx_ToggleSwitch_on {
flex-direction: row-reverse;
} }