From dd49b8f41b0c763c17c811e8ddd0917e9049f2a5 Mon Sep 17 00:00:00 2001
From: Rodrigo Souto <rodrigo@colivre.coop.br>
Date: Fri, 18 Jul 2014 17:47:36 -0300
Subject: [PATCH] [media-panel-improvements] Avoid file-name and percentage fields collapse

---
 app/views/cms/_text_editor_sidebar.html.erb |  5 +++--
 public/stylesheets/application.css          | 17 +++++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/app/views/cms/_text_editor_sidebar.html.erb b/app/views/cms/_text_editor_sidebar.html.erb
index d259c25..660d072 100644
--- a/app/views/cms/_text_editor_sidebar.html.erb
+++ b/app/views/cms/_text_editor_sidebar.html.erb
@@ -34,8 +34,9 @@
 </div>
 
 <script id="template-upload" type="text/x-tmpl">
-  <div id="{%= S(o.name).slugify().s %}" class="upload">
-    {%=o.name%}<span class="percentage"></span>
+  <div id="{%= S(o.name).slugify().s %}" class="upload" title="{%= o.name %}">
+    <div class="file-name">{%=o.name%}</div>
+    <div class="percentage"></div>
     <div class="progress"><div class="bar" style="width: 0%;"></div></div>
   </div>
 </script>
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 84244f7..ce433a4 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -3419,6 +3419,23 @@ div.with_media_panel .formfield input[type="checkbox"] {
   text-align: center;
 }
 
+#media-upload-box .upload .file-name,
+#media-upload-box .upload .percentage {
+  display: inline-block;
+}
+
+#media-upload-box .upload .file-name{
+  width: 87%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+#media-upload-box .upload .percentage {
+  width: 12%;
+}
+
+
 .text-editor-sidebar {
   position: absolute;
   width: 280px;
--
libgit2 0.21.2