Changeset 28005

Timestamp:

04/07/2014 08:49:40 PM (9 years ago)

Author:

ocean90

Message:

Widget Customizer: Update icons to new Dashicons.

props melchoyce.
see #27400.

File:

• trunk/src/wp-admin/css/customize-widgets.css (modified) (8 diffs)

trunk/src/wp-admin/css/customize-widgets.css

@@ -171 +171 @@
     width: 100%;
     height: 100%;
-    font: normal normal 20px/43px 'Genericons';
+    font: normal 20px/1 'dashicons';
     text-align: center;
     text-indent: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
@@ -183 +185 @@
 
 .move-widget:before {
-    content: '\f442';
+    content: '\f504';
 }
 
 .move-widget-down:before {
-    content: '\f431';
+    content: '\f347';
 }
 
 .move-widget-up:before {
-    content: '\f432';
+    content: '\f343';
 }
 
@@ -239 +241 @@
 #customize-theme-controls .widget-area-select li:before {
     display: none;
-    content: '\f418';
+    content: '\f147';
     position: absolute;
-    top: 10px;
+    top: 12px;
     left: 10px;
-    font-family: 'Genericons';
-    font-size: 24px;
-    line-height: 1;
+    font: normal 20px/1 'dashicons';
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
@@ -316 +318 @@
     transition: all 0.2s;
     -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
@@ -419 +422 @@
 
 
-/** Widget Icon styling **
-
-* No plurals in naming.
-* Ordered from lowest to highest specificity.
-
-**/
+/**
+ * Widget Icon styling
+ * No plurals in naming.
+ * Ordered from lowest to highest specificity.
+ **/
 #available-widgets .widget-title {
     position: relative;
@@ -430 +432 @@
 
 #available-widgets .widget-title:before {
-    content:"\f132";
+    content: "\f132";
     position: absolute;
     top: -3px;
@@ -438 +440 @@
     height: 20px;
     color: #333;
-    font: normal 20px/1 'dashicons', 'widgeticons';
+    font: normal 20px/1 'dashicons';
     text-align: center;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
@@ -607 +608 @@
     }
     #customize-theme-controls .widget-area-select li:before {
-        top: 6px;
-    }
-}
+        top: 8px;
+    }
+}