Changeset 19965 for branches/version-2_5-dev/html/user_data/packages/admin/jquery.multiselect2side

Timestamp:

2011/01/19 11:23:20 (15 years ago)

Author:

uemoto

Message:

#382(管理画面XHTMLに変更)

• 細部調整

Location:

branches/version-2_5-dev/html/user_data/packages/admin/jquery.multiselect2side

Files:

• css/jquery.multiselect2side.css (modified) (4 diffs)
• js/jquery.multiselect2side.js (modified) (5 diffs)

branches/version-2_5-dev/html/user_data/packages/admin/jquery.multiselect2side/css/jquery.multiselect2side.css

@@ +1 @@
+div#admin-contents {
+    width: 100%;
+}
+
 .ms2side__area {
-    clear: both;
-    padding-bottom: 20px;
-    overflow: auto;
+    overflow: auto;
+    padding-bottom: 20px;
+    padding-left: 112px;
 }
 
 .ms2side__div {
-    clear: left;
-    padding: 1px;
-    float: left;
-    background : url('') repeat-x; // HACK FOR CHROME
+    padding: 1px;
+    clear: left;
+    float: left;
+    background: url("") repeat-x scroll 0 0 transparent;
 }
 
@@ -22 +26 @@
 .ms2side__div p.MoveUp,
 .ms2side__div p.MoveBottom {
-    margin: 0 auto 5px auto;
+    margin: 5px auto;
 }
 .ms2side__select {
-    float: left;
+    border: 1px solid #CCCCCC;
+    float: left;
+    padding: 9px;
 }
 
 .ms2side__header {
-}
+    background: none repeat scroll 0 0 #DDDDDD;
+    margin: 0 0 7px;
+    padding: 5px;}
 
 .ms2side__options, .ms2side__updown {
     float: left;
-    font-size: 10pt;
-    margin: 0;
+    font-size: 12px;
+    margin: 90px 0 0;
     padding: 0 8px;
     width: 80px;
@@ -43 +51 @@
 
 .ms2side__updown {
-    font-size: 9pt;
+    margin-top: 0;
+    margin-left: 10px;
+    padding-top: 10px;
+    padding-bottom: 5px;
+    background: none repeat scroll 0 0 #EEEEEE;
+    font-size: 12px;
+}
+
+div.Sort {
+    margin-bottom: 5px;
+    margin-top: 10px;
 }
 
 .ms2side__options p, .ms2side__updown p {
-    width:30px;
+    width:40px;
     display:inline-block;
     text-decoration: none;
@@ -53 +71 @@
     background-clip: border-box;
     background-image: url('../../img/button/white-grad.png');
-    padding: 2px 10px;
+    padding: 2px 8px;
     white-space: nowrap;
     border: solid 1px #bcbecb;

branches/version-2_5-dev/html/user_data/packages/admin/jquery.multiselect2side/js/jquery.multiselect2side.js

@@ -48 +48 @@
             var divUpDown =
                     "<div class='ms2side__updown'>" +
-                        "<p class='SelSort' title='Sort'>" + o.labelSort + "</p>" +
-                        "<p class='MoveTop' title='Move on top selected option'>" + o.labelTop + "</p>" +
+                        "<div class='Sort' title='Sort'>" + o.labelSort + "</div>" +
                         "<p class='MoveUp' title='Move up selected option'>" + o.labelUp + "</p>" +
                         "<p class='MoveDown' title='Move down selected option'>" + o.labelDown + "</p>" +
+                        "<p class='MoveTop' title='Move on top selected option'>" + o.labelTop + "</p>" +
                         "<p class='MoveBottom' title='Move on bottom selected option'>" + o.labelBottom + "</p>" +
                     "</div>";
@@ -57 +57 @@
             // CREATE NEW ELEMENT (AND HIDE IT) AFTER THE HIDDED ORGINAL SELECT
             var htmlToAdd = 
-                "<div class='ms2side__div'>" +
+                "<div class='ms2side__div clearfix'>" +
                         ((o.selectedPosition != 'right' && o.moveOptions) ? divUpDown : "") +
                     "<div class='ms2side__select'>" +
@@ -66 +66 @@
                         ((o.selectedPosition == 'right')
                         ?
-                        ("<p class='AddOne' title='Add Selected'>&rsaquo;</p>" +
-                        "<p class='AddAll' title='Add All'>&raquo;</p>" +
-                        "<p class='RemoveOne' title='Remove Selected'>&lsaquo;</p>" +
-                        "<p class='RemoveAll' title='Remove All'>&laquo;</p>")
+                        ("<p class='RemoveOne' title='Remove Selected'>&lsaquo;</p>" +
+                        "<p class='RemoveAll' title='Remove All'>&laquo;</p>" +
+                        "<p class='AddOne' title='Add Selected'>&rsaquo;</p>" +
+                        "<p class='AddAll' title='Add All'>&raquo;</p>")
                         :
-                        ("<p class='AddOne' title='Add Selected'>&lsaquo;</p>" +
-                        "<p class='AddAll' title='Add All'>&laquo;</p>" +
-                        "<p class='RemoveOne' title='Remove Selected'>&rsaquo;</p>" +
-                        "<p class='RemoveAll' title='Remove All'>&raquo;</p>")
+                        ("<p class='RemoveOne' title='Remove Selected'>&lsaquo;</p>" +
+                        "<p class='RemoveAll' title='Remove All'>&laquo;</p>" +
+                        "<p class='AddOne' title='Add Selected'>&rsaquo;</p>" +
+                        "<p class='AddAll' title='Add All'>&raquo;</p>")
                         ) +
                     "</div>" +
@@ -80 +80 @@
                         (o.labeldx ? ("<div class='ms2side__header'>" + o.labeldx + "</div>") : "") +
                         "<select title='" + o.labeldx + "' name='" + nameDx + "' id='" + nameDx + "' size='" + size + "' multiple='multiple' ></select>" +
+                    ((o.selectedPosition == 'right' && o.moveOptions) ? divUpDown : "") +
                     "</div>" +
-                    ((o.selectedPosition == 'right' && o.moveOptions) ? divUpDown : "") +
                 "</div>";
             $(this).after(htmlToAdd).hide();
@@ -94 +94 @@
             // CENTER MOVE OPTIONS AND UPDOWN OPTIONS
             $(this).next().find('.ms2side__options, .ms2side__updown').each(function(){
+                /************************************************
+                 * レイアウト調整のためコメントアウト
                 var top = ((heightDiv/2) - ($(this).height()/2));
                 if (top > 0)
                     $(this).css('padding-top',  top + 'px' );
+                *************************************************/
             })