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

1 files changed, 17 insertions, 37 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