Changeset 29447

Timestamp:

08/08/2014 07:00:28 PM (10 years ago)

Author:

helen

Message:

Revert [29287] based on design and core team feedback. see #29012.

Location:

trunk/src

Files:

• wp-admin/css/colors/_admin.scss (modified) (1 diff)
• wp-includes/css/media-views.css (modified) (6 diffs)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -417 +417 @@
 }
 
-.media-modal-close:hover,
-.edit-attachment-frame .edit-media-header .right:hover,
-.edit-attachment-frame .edit-media-header .left:hover,
-.media-modal-close:focus,
-.edit-attachment-frame .edit-media-header .right:focus,
-.edit-attachment-frame .edit-media-header .left:focus {
-    background: $menu-highlight-background;
-    color: $menu-highlight-text;
-}
 
 /* Themes */

trunk/src/wp-includes/css/media-views.css

@@ -141 +141 @@
     position: absolute;
     text-decoration: none;
-    top: 0;
-    right: 0;
-    width: 50px;
-    height: 50px;
+    top: 5px;
+    right: 10px;
+    width: 30px;
+    height: 30px;
     z-index: 1000;
-    color: #777;
     -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
     transition: color .1s ease-in-out, background .1s ease-in-out;
@@ -152 +151 @@
 
 .media-modal-close span.media-modal-icon {
-    display: none;
+    display: block;
     margin: 8px auto 0;
     width: 15px;
@@ -159 +158 @@
 }
 
-.media-modal-close:before {
-    position: absolute;
-    top: 1px;
-    left: 11px;
-    font: normal 30px/50px 'dashicons' !important;
-    content: '\f335';
-    font-weight: 300;
+.media-modal-close .media-modal-icon:before {
+    content: '\f158';
+    font: normal 20px/1 'dashicons';
     speak: none;
+    vertical-align: middle;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-}
-
-.media-modal-close:focus,
-.media-modal-close:hover {
-    background: #0074a2;
-    color: #fff;
-    -webkit-box-shadow: none;
-    box-shadow: none;
+    color: #666;
+}
+
+.media-modal-close:hover .media-modal-icon:before {
+    color: #2ea2cc;
 }
 
@@ -2555 +2548 @@
 }
 
-.upload-php .media-modal-close:before {
-    top: 4px;
-    left: 14px;
+.upload-php .media-modal-close .media-modal-icon:before {
+    content: '\f335';
+    font-size: 30px;
+}
+
+.upload-php .media-modal-close:hover .media-modal-icon:before,
+.upload-php .media-modal-close:focus .media-modal-icon:before {
+    color: #fff;
+}
+
+.upload-php .media-modal-close .media-modal-icon {
+    margin-top: 13px;
+    width: 30px;
+    height: 30px;
 }
 
@@ -2577 +2581 @@
 }
 
+.upload-php .media-modal-close {
+    top: 0;
+    right: 0;
+}
+
 .edit-attachment-frame .edit-media-header .left {
     right: 112px;
@@ -2609 +2618 @@
 .edit-attachment-frame .edit-media-header .left.disabled,
 .edit-attachment-frame .edit-media-header .right.disabled,
-.edit-attachment-frame .edit-media-header .left.disabled:focus,
-.edit-attachment-frame .edit-media-header .right.disabled:focus,
 .edit-attachment-frame .edit-media-header .left.disabled:hover,
 .edit-attachment-frame .edit-media-header .right.disabled:hover {