Changeset 22325

Timestamp:

10/29/2012 06:16:12 PM (14 years ago)

Author:

koopersmith

Message:

Improve attachment detailed preview styling. see #21390.

File:

• trunk/wp-includes/css/media-views.css (modified) (1 diff)

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

@@ -567 +567 @@
 }
 
-.attachment-details-preview,
-.attachment-details-preview .thumbnail {
+.attachment-details-preview {
         width: auto;
         height: auto;
-        float: left;
         position: relative;
 }
 
+.attachment-details-preview .thumbnail {
+        width: 100%;
+        height: auto;
+}
+
+.attachment-details-preview .thumbnail:after {
+        content: '';
+        display: block;
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );
+        overflow: hidden;
+}
+
 .attachment-details-preview .thumbnail img {
-        max-width: 120px;
-        max-height: 120px;
-        display: block;
+        display: block;
+        max-width: 100%;
+        max-height: 132px;
         margin: 0 auto;
 }