ellipsize infield labels when too long, specifically fix #871 for database labels on installation

This commit is contained in:
Jan-Christoph Borchardt 2013-02-09 17:13:02 +01:00
parent 60411f7d3d
commit 8ff20ac683
1 changed files with 5 additions and 1 deletions

View File

@ -177,7 +177,11 @@ input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; }
#login .groupmiddle label, #login .groupbottom label { top:.65em; } #login .groupmiddle label, #login .groupbottom label { top:.65em; }
p.infield { position:relative; } p.infield { position:relative; }
label.infield { cursor:text !important; top:1.05em; left:.85em; } label.infield { cursor:text !important; top:1.05em; left:.85em; }
#login form label.infield { position:absolute; font-size:19px; color:#aaa; white-space:nowrap; padding-left:1.4em; } #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;
}
#login #databaseField .infield { padding-left:0; } #login #databaseField .infield { padding-left:0; }
#login form input[type="checkbox"]+label { position:relative; margin:0; font-size:1em; text-shadow:#fff 0 1px 0; } #login form input[type="checkbox"]+label { position:relative; margin:0; font-size:1em; text-shadow:#fff 0 1px 0; }
#login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; } #login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; }