Changeset 35511

Timestamp:

11/04/2015 06:52:13 PM (11 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;