Changeset 2590

Timestamp:

Sep 25, 2008, 9:46:37 PM (16 years ago)

Author:

vdigital

Message:

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

Location:

trunk/admin/template/goto

Files:

• default-layout.css (modified) (5 diffs)
• double_select.tpl (modified) (1 diff)

trunk/admin/template/goto/default-layout.css

@@ -41 +41 @@
 
 /* categoryOrdering */
-SELECT.categoryList {
-  width: 100%;
-}
 
 FORM#categoryOrdering {
@@ -88 +85 @@
 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;
 }
 
@@ -146 +149 @@
   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{
@@ -293 +269 @@
 }
 
-SELECT.categoryList {
-  height: 20em;
-  width: auto;
-}
-
 DIV.comment BLOCKQUOTE {
   padding: 0.5em;
@@ -522 +493 @@
   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;
+}

trunk/admin/template/goto/double_select.tpl

@@ -4 +4 @@
     <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>