mentos1386/send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions 1

tweaked password input style

Browse source
This commit is contained in:
Danny Coates 2018-02-19 16:21:59 -08:00
parent d24bbaa65a
commit 7992ba5bc1
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
3 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/templates/passwordInput/index.js
View file

@ -5,7 +5,7 @@ module.exports = function(file, state, emit) {
const formClass = file.hasPassword const formClass = file.hasPassword
? 'passwordInput' ? 'passwordInput'
: 'passwordInput passwordInput--hidden'; : 'passwordInput passwordInput--hidden';
const inputClass = setting ? 'input input--copied' : 'input input--noBtn'; const inputClass = setting ? 'input' : 'input input--noBtn';
const btnClass = setting const btnClass = setting
? 'inputBtn inputBtn--loading' ? 'inputBtn inputBtn--loading'
: 'inputBtn inputBtn--hidden'; : 'inputBtn inputBtn--hidden';

7
app/templates/passwordInput/passwordInput.css
View file

@ -21,16 +21,9 @@
background-position: center; background-position: center;
background-size: 30px 30px; background-size: 30px 30px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: var(--successControlBGColor);
border: 1px solid var(--successControlBGColor);
color: var(--successControlFGColor);
flex-basis: 20%; flex-basis: 20%;
} }
.inputBtn--loading:hover {
background-color: var(--successControlBGColor);
}
@media (max-device-width: 520px), (max-width: 520px) { @media (max-device-width: 520px), (max-width: 520px) {
.passwordInput { .passwordInput {
flex-direction: column; flex-direction: column;

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

@ -49,11 +49,10 @@
} }
.checkbox__input:disabled + .checkbox__label::before { .checkbox__input:disabled + .checkbox__label::before {
background-image: url('../assets/check-16.svg'); background-image: url('../assets/check-16-blue.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 18px 18px; background-size: 26px 26px;
border-color: var(--successControlBGColor); border: none;
background-color: var(--successControlBGColor);
cursor: auto; cursor: auto;
} }