[dw-free] Revamp /update

[fu]

[commit: http://hg.dwscoalition.org/dw-free/rev/be4bbe0f9d6e]

http://bugs.dwscoalition.org/show_bug.cgi?id=2524

Fix various overlapping elements in the icons component.

Patch by fu.

Files modified:

• htdocs/js/jquery.postform.js
• htdocs/stc/postform.css

--------------------------------------------------------------------------------
diff -r f5217b8b8f61 -r be4bbe0f9d6e htdocs/js/jquery.postform.js
--- a/htdocs/js/jquery.postform.js	Tue Nov 01 00:41:17 2011 +0800
+++ b/htdocs/js/jquery.postform.js	Tue Nov 01 13:48:33 2011 +0800
@@ -34,7 +34,7 @@
             }
         }
         if ( $.fn.iconselector ) {
-            $select.iconselector( { onSelect: update_icon_preview, selectorButtons: "#icon_preview .icon, #icon_browser_link" } );
+            $select.iconselector( { onSelect: update_icon_preview, selectorButtons: "#icon_preview .icon img, #icon_browser_link" } );
         } else {
             $("#icon_browser_link").remove();
         }
diff -r f5217b8b8f61 -r be4bbe0f9d6e htdocs/stc/postform.css
--- a/htdocs/stc/postform.css	Tue Nov 01 00:41:17 2011 +0800
+++ b/htdocs/stc/postform.css	Tue Nov 01 13:48:33 2011 +0800
@@ -216,25 +216,34 @@
 
 /* Icon */
 
-#icon_component .inner {
+#icons_component .inner {
+  position: relative;
   text-align:center;
 }
 
+#icon_preview {
+  position: relative;
+  margin-bottom: 5px;
+}
 #icon_preview_image {
   padding: 5px 5px 5px 5px;
-  height:100px;
   position: absolute;
+  bottom: 0;
+  right: 15px;
 }
 
 ul.icon-functions {
   float: right;
-  margin-top: 65px;
   line-height: 1.8em;
+  position: absolute;
+  bottom: 0;
+  right: 0;
 }
 
 .icon {
-    width:100px;
-    height:100px;
+    position: relative;
+    height: 100px;
+    width: 100px;
     margin-left: auto;
     margin-right: auto;
 }
@@ -245,7 +254,7 @@
     line-height: 50px;
 }
 
-#icon_component :link img {
+#icons_component :link img {
     border: 0;
 }
 
--------------------------------------------------------------------------------