aboutsummaryrefslogtreecommitdiffstats
path: root/admin/template
diff options
context:
space:
mode:
authorvdigital <vdigital@piwigo.org>2008-09-25 19:46:37 +0000
committervdigital <vdigital@piwigo.org>2008-09-25 19:46:37 +0000
commit0c0ce66e82aa02f774bb05adace7e7d9af48cf34 (patch)
treecb56d43d67df521952d0ef8ebb61a077018d7f80 /admin/template
parent3c4e16bf827249bd9c7d70eb1a8cb4c7846bb638 (diff)
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
Diffstat (limited to '')
-rw-r--r--admin/template/goto/default-layout.css54
-rw-r--r--admin/template/goto/double_select.tpl26
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