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
This commit is contained in:
vdigital
2008-09-25 19:46:37 +00:00
parent 3c4e16bf82
commit 0c0ce66e82
2 changed files with 33 additions and 47 deletions
+17 -37
View File
@@ -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;
}
+16 -10
View File
@@ -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>