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; display: inline-block;
height: 24px; height: 24px;
margin: 0; margin: 0;
margin-right: 0.75rem; margin-right: 15px;
} }
// Hide default HTML checkbox // Hide default HTML checkbox
@ -30,6 +30,7 @@
bottom: 0; bottom: 0;
background-color: $border-grey; background-color: $border-grey;
transition: 0.4s; transition: 0.4s;
border: 1px solid transparent;
} }
.toggle-switch-control::before { .toggle-switch-control::before {
@ -37,8 +38,8 @@
content: ""; content: "";
height: 20px; height: 20px;
width: 20px; width: 20px;
left: 2px; left: 1px;
bottom: 2px; bottom: 1px;
background-color: $white; background-color: $white;
transition: 0.4s; transition: 0.4s;
} }
@ -48,7 +49,8 @@ input:checked + .toggle-switch-control {
} }
input:focus + .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 { input:checked + .toggle-switch-control::before {
@ -57,7 +59,7 @@ input:checked + .toggle-switch-control::before {
.toggle-switch-label { .toggle-switch-label {
margin-left: 47px; margin-left: 47px;
font-size: 1rem; font-size: 16px;
font-weight: normal; 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. %p.notice Une autre option, pas mal non plus.
%h3.header-subsection Interrupteur %h3.header-subsection Interrupteur
%label.toggle-switch{ tabindex: 0 } %label.toggle-switch
= f.check_box :archived, class: 'toggle-switch-checkbox' = f.check_box :archived, class: 'toggle-switch-checkbox'
%span.toggle-switch-control.round %span.toggle-switch-control.round
%span.toggle-switch-label.on Activé %span.toggle-switch-label.on Activé