Changeset 5343

Timestamp:

04/27/2014 11:10:59 PM (12 years ago)

Author:

netweb

Message:

Updated base admin styles SCSS

• Color scheme support for widget choosers via ​WP:changeset:28122
• 'About Page' updated styles via ​WP:changeset:28127

Fixes #2583

Location:

trunk/src/includes/admin/styles

Files:

• _admin.scss (modified) (5 diffs)
• _mixins.scss (modified) (5 diffs)

trunk/src/includes/admin/styles/_admin.scss

@@ -32 +32 @@
 
 input[type=checkbox]:checked:before {
-    color: $form-checked;
+    color: $form-checked;
 }
 
 input[type=radio]:checked:before {
-    background: $form-checked;
+    background: $form-checked;
 }
 
@@ -151 +151 @@
 .nav-tab-active,
 .nav-tab-active:hover {
+    background-color: $body-background;
     border-bottom-color: $body-background;
 }
@@ -387 +388 @@
 .wp-pointer .wp-pointer-content h3 {
     background-color: $highlight-color;
+    border-color: darken( $highlight-color, 5% );
 }
 
@@ -432 +434 @@
     background: $highlight-color;
 }
+
+.theme-section.current,
+.theme-filter.current {
+    border-bottom-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters,
+body.more-filters-opened .more-filters:before {
+    color: $menu-text;
+    background-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus,
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+    background-color: $menu-highlight-background;
+    color: $menu-highlight-text;
+}
+
+/* Widgets */
+
+.widgets-chooser li.widgets-chooser-selected {
+    background-color: $menu-highlight-background;
+    color: $menu-highlight-text;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+    color: $menu-highlight-text;
+}
+
+/* Customize */
+
+#customize-theme-controls .widget-area-select .selected {
+    background-color: $menu-highlight-background;
+    color: $menu-highlight-text;
+}
+
 
 /* jQuery UI Slider */
@@ -440 +481 @@
     background: $button-color;
     border-color: darken( $button-color, 10% );
-    -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 }

trunk/src/includes/admin/styles/_mixins.scss

@@ -1 +1 @@
 /*
- * Button mixin- creates 3d-ish button effect with correct 
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
@@ -7 +7 @@
     border-color: darken( $button-color, 10% );
     color: $text-color;
-    -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 
@@ -15 +14 @@
         border-color: darken( $button-color, 15% );
         color: $text-color;
-        -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
         box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
     }
@@ -23 +21 @@
         border-color: darken( $button-color, 15% );
         color: $text-color;
-        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     }
@@ -29 +26 @@
     &[disabled],
     &:disabled,
-    &.button-primary-disabled {
+    &.button-primary-disabled,
+    &.disabled {
         color: hsl( hue( $button-color ), 10%, 80% ) !important;
         background: darken( $button-color, 8% ) !important;