diff options
author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2013-02-09 17:13:02 +0100 |
---|---|---|
committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2013-02-09 17:13:02 +0100 |
commit | 8ff20ac683413af4ea06e9d1b4afa69634d7daff (patch) | |
tree | c029cd7be640bd8366f54645912c1ec669b99bcc | |
parent | 60411f7d3d676e4ed83262b1066e7ce4a7dc904f (diff) | |
download | nextcloud-server-8ff20ac683413af4ea06e9d1b4afa69634d7daff.tar.gz nextcloud-server-8ff20ac683413af4ea06e9d1b4afa69634d7daff.zip |
ellipsize infield labels when too long, specifically fix #871 for database labels on installation
-rw-r--r-- | core/css/styles.css | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 556ca6b82bb..6c9704b16c3 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -177,7 +177,11 @@ input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; } #login .groupmiddle label, #login .groupbottom label { top:.65em; } p.infield { position:relative; } 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 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; } |