DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

after Sim rediew: box-shadow homogenized with the rest of the app, rem changed into px and tabindex removed

Browse source
This commit is contained in:
Judith 2020-07-24 12:02:40 +02:00
parent 19fa9e3f2e
commit 9ae6e979d6
2 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/stylesheets/new_design/toggle-switch.scss
View file

@ -8,7 +8,7 @@
display: inline-block;
height: 24px;
margin: 0;
margin-right: 0.75rem;
margin-right: 15px;
}
// Hide default HTML checkbox
@ -30,6 +30,7 @@
bottom: 0;
background-color: $border-grey;
transition: 0.4s;
border: 1px solid transparent;
}
.toggle-switch-control::before {
@ -37,8 +38,8 @@
content: "";
height: 20px;
width: 20px;
left: 2px;
bottom: 2px;
left: 1px;
bottom: 1px;
background-color: $white;
transition: 0.4s;
}
@ -48,7 +49,8 @@ input:checked + .toggle-switch-control {
}
input:focus + .toggle-switch-control {
box-shadow: 0 0 1px $green;
border-color: $blue;
box-shadow: 0px 0px 2px 1px $blue;
}
input:checked + .toggle-switch-control::before {
@ -57,7 +59,7 @@ input:checked + .toggle-switch-control::before {
.toggle-switch-label {
margin-left: 47px;
font-size: 1rem;
font-size: 16px;
font-weight: normal;
}

2
app/views/root/patron.html.haml
View file

@ -65,7 +65,7 @@
%p.notice Une autre option, pas mal non plus.
%h3.header-subsection Interrupteur
%label.toggle-switch{ tabindex: 0 }
%label.toggle-switch
= f.check_box :archived, class: 'toggle-switch-checkbox'
%span.toggle-switch-control.round
%span.toggle-switch-label.on Activé