Changeset 22870

Timestamp:

11/27/2012 03:58:47 PM (12 years ago)

Author:

ryan

Message:

Fix overflow of long filenames in the media modal.

Props koopersmith, GregLone
fixes #22554

Location:

trunk/wp-includes

Files:

• css/media-views.css (modified) (1 diff)
• media.php (modified) (1 diff)

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

@@ -570 +570 @@
     right: 0;
     bottom: 0;
-    padding: 5px 10px;
+    overflow: hidden;
+    max-height: 100%;
+
+    word-wrap: break-word;
     text-align: center;
     font-weight: bold;
     background: rgba( 255, 255, 255, 0.8 );
-    box-shadow: 0 0 2px rgba( 0, 0, 0, 0.2 );
+    box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
+}
+
+.attachment .filename div {
+    padding: 5px 10px;
 }
 

trunk/wp-includes/media.php

@@ -1601 +1601 @@
             <# } else { #>
                 <img src="{{ data.icon }}" class="icon" draggable="false" />
-                <div class="filename">{{ data.filename }}</div>
+                <div class="filename">
+                    <div>{{ data.filename }}</div>
+                </div>
             <# } #>