Changeset 29607

Timestamp:

08/25/2014 09:25:13 PM (12 years ago)

Author:

helen

Message:

Media:

• Make attachment focus styles more obvious, particularly for already selected items.
• Fix styling for the selection set attachments.
• Remove some CSS cruft.

fixes #28822.

Location:

trunk/src

Files:

• wp-admin/css/media.css (modified) (2 diffs)
• wp-includes/css/media-views.css (modified) (5 diffs)

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

@@ -529 +529 @@
 }
 
-.media-frame.mode-grid .attachment:focus {
+.media-frame.mode-grid .attachment:focus,
+.media-frame.mode-grid .selected.attachment:focus,
+.media-frame.mode-grid .attachment.details:focus {
     -webkit-box-shadow:
-        inset 0 0 0 5px #f1f1f1,
-        inset 0 0 1px 7px #5b9dd9;
+        inset 0 0 2px 3px #f1f1f1,
+        inset 0 0 0 7px #5b9dd9;
     box-shadow:
-        inset 0 0 0 5px #f1f1f1,
-        inset 0 0 1px 7px #5b9dd9;
+        inset 0 0 2px 3px #f1f1f1,
+        inset 0 0 0 7px #5b9dd9;
+    outline: none;
 }
 
@@ -547 +550 @@
 }
 
-.media-frame.mode-grid .selected.attachment:focus {
+.media-frame.mode-grid .attachment.details {
     -webkit-box-shadow:
         inset 0 0 0 3px #f1f1f1,

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

@@ -63 +63 @@
     border-style: solid;
     border-color: #dfdfdf;
+}
+
+.media-frame input[type="text"]:focus,
+.media-frame input[type="password"]:focus,
+.media-frame input[type="number"]:focus,
+.media-frame input[type="search"]:focus,
+.media-frame input[type="email"]:focus,
+.media-frame input[type="url"]:focus,
+.media-frame textarea:focus,
+.media-frame select:focus {
+    border-color: #5b9dd9;
 }
 
@@ -764 +775 @@
 }
 
-.attachment:focus {
+.attachment:focus,
+.selected.attachment:focus,
+.attachment.details:focus {
     -webkit-box-shadow:
-        inset 0 0 0 5px #fff,
-        inset 0 0 1px 7px #5b9dd9;
+        inset 0 0 2px 3px #fff,
+        inset 0 0 0 7px #5b9dd9;
     box-shadow:
-        inset 0 0 0 5px #fff,
-        inset 0 0 1px 7px #5b9dd9;
+        inset 0 0 2px 3px #fff,
+        inset 0 0 0 7px #5b9dd9;
     outline: none;
 }
@@ -781 +794 @@
         inset 0 0 0 5px #fff,
         inset 0 0 0 7px #ccc;
+}
+
+.attachment.details {
+    -webkit-box-shadow:
+        inset 0 0 0 3px #fff,
+        inset 0 0 0 7px #1e8cbe;
+    box-shadow:
+        inset 0 0 0 3px #fff,
+        inset 0 0 0 7px #1e8cbe;
 }
 
@@ -957 +979 @@
 }
 
-.selected.attachment:focus,
-.attachment.details {
-    -webkit-box-shadow:
-        inset 0 0 0 3px #fff,
-        inset 0 0 0 7px #1e8cbe;
-    box-shadow:
-        inset 0 0 0 3px #fff,
-        inset 0 0 0 7px #1e8cbe;
-}
-
 .attachment.details .check,
 .attachment.selected .check:focus,
@@ -1424 +1436 @@
     width: 50%;
 }
-/*
-.attachment.selection.selected .thumbnail {
+
+.media-selection .attachment-preview {
     -webkit-box-shadow: none;
     box-shadow: none;
-}
-
-.attachment.selection.selected:focus {
-    -webkit-box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 2px #5b9dd9;
-    box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 2px #5b9dd9;
-    outline: none;
-}
-
-.attachment.selection.details {
-    -webkit-box-shadow:
-        0 0 0 1px #fff,
-        0 0 0 4px #1e8cbe;
-    box-shadow:
-        0 0 0 1px #fff,
-        0 0 0 4px #1e8cbe;
-}
-*/
+    background: none;
+}
+
 .media-selection .attachment.selection.details .thumbnail {
     -webkit-box-shadow: