dylan.derr/Send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated password input UI

Browse source
This commit is contained in:
Danny Coates 2018-02-16 12:56:53 -08:00
parent 8d41111cd6
commit 346e604f34
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
37 changed files with 282 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/templates/setPasswordSection/setPasswordSection.css
View file

@ -11,7 +11,7 @@
.checkbox__input {
position: absolute;
visibility: collapse;
opacity: 0;
}
.checkbox__label {
@ -31,12 +31,13 @@
border-radius: 2px;
}
.checkbox__input:focus + .checkbox__label::before,
.checkbox:hover .checkbox__label::before {
border: 1px solid var(--primaryControlBGColor);
}
.checkbox__input:checked + .checkbox__label {
color: #000;
color: var(--textColor);
}
.checkbox__input:checked + .checkbox__label::before {
@ -44,6 +45,19 @@
background-position: 2px 1px;
}
.checkbox__input:disabled + .checkbox__label {
cursor: auto;
}
.checkbox__input:disabled + .checkbox__label::before {
background-image: url('../assets/check-16.svg');
background-repeat: no-repeat;
background-size: 18px 18px;
border-color: var(--successControlBGColor);
background-color: var(--successControlBGColor);
cursor: auto;
}
@media (max-device-width: 520px), (max-width: 520px) {
.setPasswordSection {
align-self: center;