Bug 532... doubleSelect wasn't usable with large category names. (This solution is really bad with IE7). See Bug for more and related topic.

git-svn-id: http://piwigo.org/svn/trunk@2590 68402e56-0260-453c-a942-63ccdbb3a9ee

2 files changed, 33 insertions, 47 deletions

diff --git a/admin/template/goto/default-layout.css b/admin/template/goto/default-layout.css
index 401b0928f..8b8a08066 100644
--- a/admin/template/goto/default-layout.css
+++ b/admin/template/goto/default-layout.css
@@ -40,9 +40,6 @@ TABLE#detailedStats {
 }
 
 /* categoryOrdering */
-SELECT.categoryList {
-  width: 100%;
-}
 
 FORM#categoryOrdering {
   padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
@@ -87,11 +84,17 @@ TABLE.doubleSelect {
 
 TABLE.doubleSelect TD {
   padding: 0 5px;
-  width: 50%;
+  /* width: 50%; relative width does't work with horizontal scroll */
+  display: table-cell; width:300px; min-width:300px; max-width:300px;
+}
+
+.hscroll {
+ overflow-x:scroll; width:100%; min-width:100%; max-width:100%;
+ overflow: -moz-scrollbars-horizontal; border-style: solid; border-width: 1px;
 }
 
 TABLE.doubleSelect SELECT.categoryList {
-  width: 100%; max-width: 100%; overflow-x: auto; /* Bug 532 */
+  height:250px; border:0;
 }
 
 FORM#categoryPermissions LI {
@@ -146,33 +149,6 @@ FIELDSET#uploadConf SPAN.property {
   border: 1px solid black;
 }
 
-/* Tabsheet */  /*
-.tabsheet {
-  list-style: none;
-  white-space: nowrap; 
-  text-decoration: none;
-  border-bottom: 1px solid #fff;
-  margin-left: 5px; margin-right: 5px;
-  padding: 3px 5px;
-}
-
-.tabsheet LI {
-  display: inline;
- margin: 0px 6px;
-  font-size: 120%;
-  font-weight: normal;
-  border: 1px solid #fff;
-  border-bottom: none;
-  padding: 3px 2em;
-}
-
-.tabsheet LI.selected_tab {
-  font-weight: bold;
-  position: relative;
-  top: 1px;
-  padding-top: 4px;
-} */
-
 .over{
 position: relative;
 z-index: 0;
@@ -292,11 +268,6 @@ TEXTAREA.description {
   overflow: auto;
 }
 
-SELECT.categoryList {
-  height: 20em;
-  width: auto;
-}
-
 DIV.comment BLOCKQUOTE {
   padding: 0.5em;
   overflow: auto;	/* no solution for IE6 */
@@ -521,3 +492,12 @@ TABLE.tagLetterContent {
 .cluetip-default #cluetip-inner {
   padding: 10px;
 }
+
+/* hack  tout sauf IE7 */
+html>/**/body TABLE.doubleSelect SELECT.categoryList {
+  min-width: 100%; 
+}
+/* Only IE7 */
+*+html  .right {
+  left: -320px; position: relative; z-index: 99;
+}
\ No newline at end of file
diff --git a/admin/template/goto/double_select.tpl b/admin/template/goto/double_select.tpl
index aeed8500a..900e322b2 100644
--- a/admin/template/goto/double_select.tpl
+++ b/admin/template/goto/double_select.tpl
@@ -3,18 +3,24 @@
   <tr>
     <td>
       <h3>{$L_CAT_OPTIONS_TRUE}</h3>
-      <select class="categoryList" name="cat_true[]" multiple="multiple" size="30">
-        {html_options options=$category_option_true selected=$category_option_true_selected}
-      </select>
+      <div class="hscroll">
+        <select class="categoryList" name="cat_true[]" multiple="multiple" size="30">
+          {html_options options=$category_option_true selected=$category_option_true_selected}
+        </select>
+      </div>
       <p><input class="submit" type="submit" value="&raquo;" name="falsify" style="font-size:15px;" {$TAG_INPUT_ENABLED}/></p>
     </td>
 
     <td>
-      <h3>{$L_CAT_OPTIONS_FALSE}</h3>
-      <select class="categoryList" name="cat_false[]" multiple="multiple" size="30">
-        {html_options options=$category_option_false selected=$category_option_false_selected}
-      </select>
-      <p><input class="submit" type="submit" value="&laquo;" name="trueify" style="font-size:15px;" {$TAG_INPUT_ENABLED}/></p>
-    </td>
+      <div class="right">
+        <h3>{$L_CAT_OPTIONS_FALSE}</h3>
+        <div class="hscroll">
+          <select class="categoryList" name="cat_false[]" multiple="multiple" size="30">
+            {html_options options=$category_option_false selected=$category_option_false_selected}
+          </select>
+        </div>
+        <p><input class="submit" type="submit" value="&laquo;" name="trueify" style="font-size:15px;" {$TAG_INPUT_ENABLED}/></p>
+      </div>
+      </td>
   </tr>
-</table>
+</table>
\ No newline at end of file