Changeset 35673

Timestamp:

11/18/2015 06:54:05 PM (9 years ago)

Author:

wonderboymusic

Message:

After [35616], improve the consistency of tabs styling.

Props afercia.
Fixes #34214.

Location:

trunk/src/wp-admin/css

Files:

• about.css (modified) (1 diff)
• common.css (modified) (3 diffs)

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

@@ -80 +80 @@
 /* Tabs */
 
-.about-wrap h2 .nav-tab {
+.about-wrap .nav-tab {
+    padding-right: 15px;
+    padding-left: 15px;
     font-size: 18px;
 }

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

@@ -1998 +1998 @@
 
 .nav-tab {
-    display: inline-block;
+    float: left;
     border: 1px solid #ccc;
     border-bottom: none;
-    margin: 0 5px 0 0;
-    padding: 6px 10px;
-    font-size: 15px;
+    margin-left: 0.5em; /* half the font size so set the font size properly */
+    padding: 5px 10px;
+    font-size: 14px;
     line-height: 24px;
     font-weight: 600;
@@ -2045 +2045 @@
 }
 
-/* @todo: consider to use flexbox to reset white space between inline-block elements. */
 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
@@ -2051 +2050 @@
     border-bottom: 1px solid #ccc;
     margin: 0;
-    padding: 9px 15px 0 6px;
-    font-size: 1px; /* normalize white space between inline-block elements */
+    padding: 9px 15px 0 0;
     line-height: inherit;
 }
 
+/* contain floats */
+.nav-tab-wrapper:after {
+    content: "";
+    display: table;
+    clear: both;
+}
 
 /*------------------------------------------------------------------------------