Changeset 41602

Timestamp:

09/26/2017 07:04:47 PM (7 years ago)

Author:

melchoyce

Message:

Customizer: Improve small-screen styles in Widgets panel.

Props mrasharirfan, mrahmadawais.
Fixes #41614.

Location:

trunk/src/wp-admin/css

Files:

• customize-controls.css (modified) (6 diffs)
• widgets.css (modified) (1 diff)

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

@@ -1490 +1490 @@
     cursor: pointer;
     float: right;
+    margin: 0;
     margin-left: 10px;
     transition: all 0.2s;
@@ -1513 +1514 @@
     position: relative;
     left: -2px;
-    top: -1px;
+    top: 0;
     font: normal 20px/1 dashicons;
     vertical-align: middle;
@@ -1794 +1795 @@
 #available-menu-items .item-tpl {
     position: relative;
-    padding: 20px 15px 20px 60px;
+    padding: 15px 15px 15px 60px;
     background: #fff;
     border-bottom: 1px solid #ddd;
@@ -1841 +1842 @@
     .customize-control input[type="checkbox"] + label {
         line-height: 32px;
+    }
+
+    .wp-core-ui.wp-customizer .button {
+        margin-top: 12px;
     }
 }
@@ -1924 +1929 @@
         height: auto;
         margin-bottom: 4px;
+        margin-top: 12px;
     }
 
@@ -1987 +1993 @@
         top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */
     }
-}
+
+    .reorder,
+    .reordering .reorder-done {
+        padding: 8px;
+    }
+}

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

@@ -754 +754 @@
 
     div.widget {
-        margin: 0 auto 10px !important;
+        margin: 0 auto !important;
         max-width: 480px;
     }