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

Merge pull request #7994 from owncloud/fix-login-fields 

Fix login fields
This commit is contained in:
Morris Jobke 2014-04-16 23:17:49 +02:00
parent 7178e39569 03ad908c30
commit 2f6eed4f9d
1 changed files with 39 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
core/css/styles.css
View File

@ -406,14 +406,29 @@ input[type="submit"].enabled {
}
/* Icons for username and password fields to better recognize them */
#adminlogin, #adminpass, #user, #password { width:11.7em!important; padding-left:1.8em; }
#adminlogin+label+img, #adminpass-icon, #user+label+img, #password-icon {
position:absolute; left:1.25em; top:1.65em;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:.3;
#adminlogin,
#adminpass,
input[name='adminpass-clone'],
#user,
#password,
input[name='password-clone'] {
width: 223px !important;
padding-left: 36px !important;
}
#adminlogin+label+img,
#adminpass-icon,
#user+label+img,
#password-icon {
position: absolute;
left: 1.25em;
top: 1.65em;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: .3;
}
#adminpass-icon, #password-icon {
top: 1.1em;
}
#adminpass-icon, #password-icon { top:1.1em; }
input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; }
input[name="adminpass-clone"] { padding-left:1.8em; width:11.7em !important; }
/* General new input field look */
#body-login input[type="text"],
@ -452,15 +467,22 @@ input[name="adminpass-clone"] { padding-left:1.8em; width:11.7em !important; }
p.infield { position:relative; }
label.infield { cursor:text !important; top:1.05em; left:.85em; }
#body-login form label.infield { /* labels are ellipsized when too long, keep them short */
position:absolute; width:90%; padding-left:1.4em;
font-size:19px; color:#aaa;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
position: absolute;
width: 82%;
margin-left: 26px;
font-size: 19px;
color: #aaa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#body-login #databaseField .infield {
margin-left: 0;
}
#body-login #databaseField .infield { padding-left:0; }
#body-login form input[type="checkbox"]+label {
position: relative;
margin: 0;
font-size: 1em;
font-size: 13px;
padding: 14px;
padding-left: 28px;
margin-left: -28px;
@ -614,11 +636,13 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
/* Log in and install button */
#body-login input {
font-size: 1.5em;
font-size: 20px;
margin: 5px;
padding: 12px 10px 8px;
}
#body-login input[type="text"],
#body-login input[type="password"] {
width: 13em;
width: 249px;
}
#body-login input.login {
width: auto;
@ -628,7 +652,7 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
padding: 10px 20px; /* larger log in and installation buttons */
}
#remember_login {
margin: 18px 5px 0 18px;
margin: 24px 5px 0 16px !important;
vertical-align: text-bottom;
}