mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #12495 from nextcloud/login-theming-primary-fix 

Fix login primary colour and feedback
This commit is contained in:
Morris Jobke 2018-11-19 15:26:40 +01:00 committed by GitHub
parent 5af6289959 3b16a76ba0
commit 7ea7eb0b4a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
core/css/guest.css
View File

@ -144,23 +144,28 @@ form #datadirField legend {
/* Buttons and input */
#submit-wrapper,
#reset-password-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative; /* Make the wrapper the containing block of its
absolutely positioned descendant icons */
}
#submit-wrapper .submit-icon {
position: absolute;
height: 22px;
top: 22px;
right: 24px;
top: 18px;
transition: right 100ms ease-in-out;
pointer-events: none; /* The submit icon is positioned on the submit button.
From the user point of view the icon is part of the
button, so the clicks on the icon have to be
applied to the button instead. */
}
/* Properly position any loader */
#submit-wrapper .submit-icon::after {
margin: -10px;
#submit-wrapper:hover .submit-icon.icon-confirm-white,
#submit-wrapper:focus .submit-icon.icon-confirm-white,
#submit-wrapper:active .submit-icon.icon-confirm-white {
right: 20px;
}
#reset-password-submit {
@ -173,6 +178,12 @@ form #datadirField legend {
display: none;
}
#submit-wrapper .icon-loading-small {
position: absolute;
top: 22px;
right: 24px;
}
input, textarea, select, button, div[contenteditable=true] {
font-family: 'Nunito', 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
@ -220,7 +231,8 @@ input[type='email'] {
font-weight: normal;
}
input.login {
width: 269px;
width: 260px;
height: 50px;
background-position: right 16px center;
}
input[type='submit'],
@ -253,6 +265,7 @@ a.primary {
border: 1px solid #fff;
background-color: #0082c9;
color: #fff;
transition: color 100ms ease-in-out;
}
input.primary:not(:disabled):hover,
@ -260,8 +273,8 @@ input.primary:not(:disabled):focus,
button.primary:not(:disabled):hover,
button.primary:not(:disabled):focus,
a.primary:not(:disabled):hover,
a.primary:not(:disabled):focus{
background-color: #17adff;
a.primary:not(:disabled):focus {
color: rgba(255, 255, 255, .8);
}
/* Checkboxes - white only for login */