Changeset 29608

Timestamp:

08/25/2014 09:57:55 PM (11 years ago)

Author:

helen

Message:

Better visual focus syling in customizer, theme preview, and attachment details modals.

props celloexpressions.
fixes #29147.

Location:

trunk/src/wp-admin/css

Files:

• customize-controls.css (modified) (2 diffs)
• media.css (modified) (2 diffs)
• themes.css (modified) (5 diffs)

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

@@ -233 +233 @@
 .control-panel-back:focus,
 .control-panel-back:hover {
-    color: #2ea2cc;
+    background: #ddd;
+    border-color: #ccc;
+    color: #000;
     outline: none;
     -webkit-box-shadow: none;
@@ -244 +246 @@
     position: relative;
     top: 7px;
-    left: 12px;
+    left: 13px;
 }
 

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

@@ -709 +709 @@
 }
 
+.upload-php .media-modal-close:hover,
+.upload-php .media-modal-close:focus,
 .edit-attachment-frame .edit-media-header .left:hover,
 .edit-attachment-frame .edit-media-header .right:hover,
 .edit-attachment-frame .edit-media-header .left:focus,
 .edit-attachment-frame .edit-media-header .right:focus {
-    color: #2ea2cc;
+    background: #ddd;
+    border-color: #ccc;
+    color: #000;
+}
+
+.upload-php .media-modal-close:focus .media-modal-icon:before,
+.upload-php .media-modal-close:hover .media-modal-icon:before {
+    color: #000;
 }
 
@@ -733 +742 @@
     background: inherit;
     cursor: default;
+    pointer-events: none;
 }
 

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

@@ -456 +456 @@
 }
 
+.theme-overlay .theme-header .close:focus,
 .theme-overlay .theme-header .close:hover,
-.theme-overlay .theme-header .close:hover:before,
+.theme-overlay .theme-header .right:focus,
+.theme-overlay .theme-header .right:hover,
+.theme-overlay .theme-header .left:focus,
+.theme-overlay .theme-header .left:hover {
+    background: #ddd;
+    border-color: #ccc;
+    color: #000;
+}
+
 .theme-overlay .theme-header .close:focus:before,
-.theme-overlay .theme-header .right:hover,
-.theme-overlay .theme-header .left:hover {
-    color: #2ea2cc;
+.theme-overlay .theme-header .close:hover:before {
+    color: #000;
 }
 
@@ -467 +475 @@
 .theme-overlay .theme-header .right:focus,
 .theme-overlay .theme-header .left:focus {
-    color: #2ea2cc;
     -webkit-box-shadow:
         0 0 0 1px #5b9dd9,
@@ -1399 +1406 @@
 .theme-install-overlay .next-theme:hover,
 .theme-install-overlay .next-theme:focus {
-    color: #2ea2cc;
+    background: #ddd;
+    border-color: #ccc;
+    color: #000;
     outline: none;
     -webkit-box-shadow: none;
@@ -1410 +1419 @@
     position: relative;
     top: 7px;
-    left: 12px;
+    left: 13px;
 }
 
@@ -1438 +1447 @@
     background: #eee;
     cursor: default;
+    pointer-events: none;
 }