From: Jan-Christoph Borchardt <jan@unhosted.org>
Date: Mon, 23 Apr 2012 12:29:11 +0000 (+0200)
Subject: fixing multiselect overflow, issue 341
X-Git-Tag: v4.0.0beta~214
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=1b29fc3fb2b090ca132cbe496276c3c0cc2e466e;p=nextcloud-server.git

fixing multiselect overflow, issue 341
---

diff --git a/core/css/multiselect.css b/core/css/multiselect.css
index 3dac0ea1a16..040b0f46ed3 100644
--- a/core/css/multiselect.css
+++ b/core/css/multiselect.css
@@ -4,8 +4,8 @@
 
 ul.multiselectoptions { z-index:49; position:absolute; background-color:#fff; padding-top:.5em; border:1px solid #ddd; border-top:none; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-left-radius:.5em; border-bottom-left-radius:.5em; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; border-bottom-right-radius:.5em; -moz-box-shadow:0 1px 1px #ddd; -webkit-box-shadow:0 1px 1px #ddd; box-shadow:0 1px 1px #ddd; }
 ul.multiselectoptions>li{ white-space:nowrap; overflow: hidden; }
-div.multiselect { padding-right:.6em; display:inline; position:relative; display:inline-block; vertical-align: bottom; }
+div.multiselect { padding-right:.6em; display:inline; position:relative; display:inline-block; vertical-align: bottom; min-width:100px; max-width:400px; }
 div.multiselect.active { background-color:#fff; border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; z-index:50; position:relative }
-div.multiselect>span:first-child { margin-right:2em; float:left; }
-div.multiselect>span:last-child { float:right; position:relative }
+div.multiselect>span:first-child { margin-right:2em; float:left; width:90%; overflow:hidden; text-overflow:ellipsis; }
+div.multiselect>span:last-child { position:absolute; right:.8em; }
 ul.multiselectoptions input.new{ margin:0; padding-bottom:0.2em; padding-top:0.2em; border-top-left-radius:0; border-top-right-radius:0; }