Ticket #26323: refactor-tabs-css.diff

src/wp-admin/css/wp-admin.css

@@ -4152 +4152 @@
         margin: 0 0 1em;
 }
 
-.press-this #side-sortables .category-tabs li,
-ul.category-tabs li,
-#side-sortables .add-menu-item-tabs li,
-.wp-tab-bar li {
-        display: inline;
-        line-height: 1.35em;
-}
-
-.no-js .category-tabs li.hide-if-no-js {
-        display: none;
-}
-
-.category-tabs a,
-#side-sortables .add-menu-item-tabs a,
-.wp-tab-bar a {
-        text-decoration: none;
-}
-
-.category-tabs {
-        margin: 8px 0 5px;
-}
-
 #category-adder h4 {
         margin: 10px 0;
 }
 
-#side-sortables .add-menu-item-tabs,
-.wp-tab-bar {
-        margin-bottom: 3px;
-}
-
 #normal-sortables .postbox #replyrow .submit {
         float: none;
         margin: 0;
@@ -4200 +4173 @@
         margin: 11px 0;
 }
 
-ul.category-tabs,
-ul.add-menu-item-tabs,
-ul.wp-tab-bar {
-        margin-top: 12px;
+.wp-tabs,
+.category-tabs,
+.posttype-tabs {
+        list-style: none;
+        margin: 12px 0 0 0;
+        padding: 0;
+        zoom: 1;
 }
 
-ul.category-tabs li {
+.wp-tabs:before,
+.category-tabs:before,
+.posttype-tabs:before,
+.wp-tabs:after,
+.category-tabs:after,
+.posttype-tabs:after {
+    content: "";
+    display: table;
+} 
+
+.wp-tabs:after,
+.category-tabs:after,
+.posttype-tabs:after {
+    clear: both;
+}
+
+.wp-tabs li,
+.category-tabs li,
+.posttype-tabs li {
+        display: block;
+        float: left;
         border-style: solid;
-        border-width: 1px;
+        border-width: 0;
+        margin: 0 0 -1px; 
+        padding: 8px;
         position: relative;
 }
 
-ul.add-menu-item-tabs li.tabs,
-.wp-tab-active {
-        border-style: solid solid none;
-        border-width: 1px 1px 0;
+.wp-tabs li.active,
+.category-tabs li.tabs,
+.posttype-tabs li.tabs {
+        border-width: 1px;
+        border-bottom-width: 0;
+        padding: 7px 7px 8px;
 }
 
-ul.add-menu-item-tabs li.tabs {
-        padding-bottom: 3px;
+.wp-tabs li a,
+.category-tabs li a,
+.posttype-tabs li a {
+        text-decoration: none;
 }
 
+.no-js .wp-tabs li.hide-if-no-js,
+.no-js .wp-tabs li.a,
+.no-js .wp-tabs li.a  {
+        display: none;
+}
+
+@media screen and ( max-width: 782px ) {
+
+        .wp-tabs li,
+        .category-tabs li,
+        .posttype-tabs li {
+                padding: 15px;
+        }
+
+        .wp-tabs li.active,
+        .category-tabs li.tabs,
+        .posttype-tabs li.tabs {
+                padding: 14px 14px 15px;
+        }
+
+}
+
 #post-body .add-menu-item-tabs li.tabs {
         border-style: solid none solid solid;
         border-width: 1px 0 1px 1px;
         margin-right: -1px;
 }
 
-ul.category-tabs li,
-ul.add-menu-item-tabs li,
-ul.wp-tab-bar li {
-        padding: 3px 5px 5px;
-}
-
 #postimagediv .inside img {
         max-width: 100%;
         height: auto;
@@ -5211 +5229 @@
         padding: 0;
 }
 
-ul.add-menu-item-tabs li {
-        padding: 3px 5px 3px 8px;
-}
-
 #post-body ul.add-menu-item-tabs li.tabs {
         -webkit-border-top-left-radius: 3px;
         -webkit-border-bottom-left-radius: 3px;
@@ -6650 +6664 @@
         font-weight: bold;
         font-size: 15px;
         line-height: 24px;
-
 }
 
-
 /*------------------------------------------------------------------------------
   17.0 - Plugins
 ------------------------------------------------------------------------------*/
@@ -9639 +9651 @@
         margin-top: 18px;
 }
 
-.press-this .category-tabs {
-        margin-bottom: 3px;
-}
-
 /* Editor/Main Column */
 .press-this #poststuff {
         margin: 0 10px 10px;
@@ -11239 +11247 @@
                 text-align: center;
         }
 
-        /* Categories Metabox */
-        ul.category-tabs {
-                margin: 30px 0 15px;
-        }
-
-        ul.category-tabs li.tabs {
-                padding: 15px;
-        }
-        
-        .press-this ul.category-tabs li.tabs {
-                padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */
-        }
-
         ul#categorychecklist li {
                 margin-bottom: 15px;
         }
@@ -11782 +11777 @@
                 margin-left: 0;
         }
 
-        #side-sortables .add-menu-item-tabs {
-                margin: 15px 0;
-        }
-
-        ul.add-menu-item-tabs li.tabs {
-                padding: 15px;
-        }
-
         .nav-menus-php .item-controls .item-type {
                 margin-top: 2px;
         }
@@ -12162 +12149 @@
                 padding: 0;
                 top: 3px;
         }
-        
-        .press-this .category-tabs {
-                margin-top: 0;
-        }
-        
+
         .press-this .tagsdiv .newtag {
                 width: 120px;
                 padding: 3px 5px;