Changeset 5931 in subversion

Timestamp:

Feb 29, 2012 9:41:48 AM (15 months ago)

Author:

thomasb

Message:

More styles for decorated selects

Location:

trunk/roundcubemail/skins/larry

Files:

• styles.css (modified) (3 diffs)
• ui.js (modified) (1 diff)

trunk/roundcubemail/skins/larry/styles.css

@@ -1452 +1452 @@
         z-index: 10;
         opacity: 0;
+        height: 22px;
+        cursor: pointer;
+        filter: alpha(opacity=0);
         -khtml-appearance: none;
-        padding: 2px 4px;
-        cursor: pointer;
+        -webkit-appearance: none;
 }
 
 html.opera select.decorated {
         opacity: 1;
+        height: auto;
+}
+
+select.decorated option {
+        color: #fff;
+        background: #444;
+        border: 1px solid #999;
+        border-top-color: #5a5a5a;
+        border-bottom-color: #333;
+        text-shadow: 0px 1px 1px #333;
+        padding: 6px 10px;
+        outline: none;
 }
 
@@ -1505 +1519 @@
 
 .googie_list tr:first-child td,
-ul.toolbarmenu li:first-child {
+ul.toolbarmenu li:first-child,
+select.decorated option:first-child {
         border-top: 0;
 }
 
 .googie_list tr:last-child td,
-ul.toolbarmenu li:last-child {
+ul.toolbarmenu li:last-child,
+select.decorated option:last-child {
         border-bottom: 0;
 }
@@ -1536 +1552 @@
 .googie_list td.googie_list_onhover,
 ul.toolbarmenu li a.active:hover,
-#rcmKSearchpane ul li.selected {
+#rcmKSearchpane ul li.selected,
+select.decorated option:hover,
+select.decorated option[selected='selected'] {
         background-color: #00aad6;
         background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);

trunk/roundcubemail/skins/larry/ui.js

@@ -187 +187 @@
 
         $('<a class="menuselector dropdownselector"><span class="handle">' + title + '</span></a>')
+          .css('position', 'absolute')
           .offset(select.position())
           .insertAfter(select)
-          .children().width(select.width() - 5);
+          .children().width(select.outerWidth() - 40);
 
         select.parent().css('position', 'relative');