Changeset 22325

Timestamp:

10/29/2012 06:16:12 PM (12 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;
 }