Ticket #29158: 29158.borders.diff

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

@@ -52 +52 @@
 
 #customize-controls .customize-info {
         border: none;
-        border-top: 1px solid #ddd;
         border-bottom: 1px solid #ddd;
         margin-bottom: 15px;
 }
@@ -174 +173 @@
 #customize-controls .control-section .accordion-section-title:hover,
 #customize-controls .control-section.open .accordion-section-title,
 #customize-controls .control-section .accordion-section-title:focus {
-        color: #23282d;
+        color: #191e23;
         background: #f5f5f5;
+        border-bottom: 1px solid #ccc;
+        border-top: 1px solid #ccc;
+        margin-top: -1px;
 }
 
+.in-sub-panel #customize-theme-controls > ul > .control-section:hover > .accordion-section-title,
+.in-sub-panel #customize-theme-controls > ul > .control-section.open > .accordion-section-title,
+.in-themes-panel #customize-controls .control-section:hover > .accordion-section-title {
+        margin-top: 0;
+}
+
+#accordion-section-themes + .control-section {
+        border-top: 1px solid #ddd;
+}
+
 .js .control-section:hover .accordion-section-title,
 .js .control-section .accordion-section-title:hover,
 .js .control-section.open .accordion-section-title,
@@ -190 +202 @@
 #customize-theme-controls .control-section.open .accordion-section-title:after,
 #customize-theme-controls .control-section .accordion-section-title:focus:after {
         color: #23282d;
+        content: "\f344";
+        right: 14px;
 }
 
 #customize-theme-controls .control-section.open {
@@ -386 +400 @@
 #customize-controls .panel-meta.customize-info .accordion-section-title:hover {
         background: #fff;
         color: #555;
+        border-top: none;
+        border-bottom: none;
+        margin-top: 0;
 }
 
 .customize-overlay-close:focus,
@@ -410 +427 @@
 .customize-section-back:focus {
         color: #23282d;
         background: #f5f5f5;
+        border-right: 1px solid #ccc;
         outline: none;
         -webkit-box-shadow: none;
         box-shadow: none;
@@ -432 +450 @@
         left: 13px;
 }
 
+.customize-panel-back:hover:before,
+.customize-panel-back:focus:before,
+.customize-section-back:hover:before,
+.customize-section-back:focus:before {
+        content: "\f340";
+        left: 17px;
+}
+
 .control-panel-back:before {
         font: normal 20px/45px dashicons;
         content: "\f341";
@@ -1028 +1054 @@
         animation: customize-reload .75s;
 }
 
-.control-section-themes .accordion-section-title {
+#customize-theme-controls .control-section-themes .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes .accordion-section-title {
         cursor: default;
+        background: #fff;
+        color: #555;
+        border-top: 1px solid #ddd;
+        border-bottom: 1px solid #ddd;
+        margin-top: 0;
 }
 
-#customize-theme-controls .control-section-themes .accordion-section-title:hover,
-#customize-theme-controls .control-section-themes .accordion-section-title:focus {
-        color: #555;
-        background-color: #fff;
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child {
+        border-top: 0;
 }
 
-.control-section-themes .accordion-section-title {
+#customize-theme-controls .control-section-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes > .accordion-section-title {
         margin: 15px 0;
 }