Changeset 35511

Timestamp:

11/04/2015 06:52:13 PM (9 years ago)

Author:

DrewAPicture

Message:

Customizer: Adjust styles on panel titles to prevent descenders – such as with the letters g, j, p, q, or y – from getting cut off in some browsers.

Props umeshnevase.
Fixes #33575.

File:

• trunk/src/wp-admin/css/customize-controls.css (modified) (5 diffs)

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

@@ -95 +95 @@
     font-size: 20px;
     font-weight: 200;
-    line-height: 24px;
+    line-height: 26px;
     display: block;
     overflow: hidden;
@@ -224 +224 @@
     width: 100%;
     margin: 0;
-    padding: 12px;
+    padding: 12px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
@@ -335 +335 @@
     float: left;
     width: 48px;
-    height: 69px;
+    height: 71px;
     padding: 0 24px 0 0;
     margin: 0;
@@ -349 +349 @@
 
 .customize-section-back {
-    height: 70px;
+    height: 74px;
 }
 
@@ -408 +408 @@
 .customize-panel-back:before,
 .customize-section-back:before {
-    font: normal 20px/69px dashicons;
+    font: normal 20px/72px dashicons;
     content: "\f341";
     position: relative;