From e3c5ecca427506eb96b2a0f0e7237c515beda083 Mon Sep 17 00:00:00 2001
From: John Cavalieri <john.cavalieri@gmail.com>
Date: Thu, 5 Nov 2015 15:51:15 -0600
Subject: [PATCH] Using percentage sizes for footer information with ellipses
 overflow. Also added title attributes so on-hover shows full string.

---
 web/assets/stylesheets/application.css | 53 +++++++++++++-------------
 web/views/_footer.erb                  |  6 +--
 2 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/web/assets/stylesheets/application.css b/web/assets/stylesheets/application.css
index ec42ab9f..d2c4df39 100755
--- a/web/assets/stylesheets/application.css
+++ b/web/assets/stylesheets/application.css
@@ -713,38 +713,37 @@ div.interval-slider input {
     position: relative;
     top: auto;
   }
-}
 
-.redis-url, .redis-namespace {
-  overflow: hidden;
-  white-space: nowrap;
+  .navbar-fixed-bottom .navbar-text {
+    max-width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: normal;
+  }
 }
 
 @media (min-width: 768px) {
-  .redis-url {
-    max-width: 200px;
+  .navbar-fixed-bottom .navbar-text {
+    max-width: 22.5%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-left: 3%;
+    margin-right: 0;
+  }
+  .navbar-fixed-bottom li:first-child .navbar-text {
+    margin-left: 0;
   }
 
-  .redis-namespace {
-    max-width: 150px;
-  }
-}
-
-@media (min-width: 992px) {
-  .redis-url {
-    max-width: 390px;
-  }
-
-  .redis-namespace {
-    max-width: 300px;
-  }
-}
-@media (min-width: 1200px) {
-  .redis-url {
-    max-width: 480px;
-  }
-
-  .redis-namespace {
-    max-width: 350px;
+  .navbar-fixed-bottom .navbar-text.redis-url {
+    max-width: 27%;
+  }
+
+  .navbar-fixed-bottom .navbar-text.redis-namespace {
+    max-width: 18%;
+  }
+  .navbar-fixed-bottom .navbar-text.product-version {
+    color: white;
   }
 }
diff --git a/web/views/_footer.erb b/web/views/_footer.erb
index 20a3974a..f39e9d69 100644
--- a/web/views/_footer.erb
+++ b/web/views/_footer.erb
@@ -3,17 +3,17 @@
     <div class="container text-center">
         <ul class="nav">
           <li>
-            <p class="navbar-text" style="color:white;"><%= product_version %></p>
+            <p class="navbar-text product-version" title="<%= h(product_version) %>"><%= product_version %></p>
           </li>
           <li>
-            <p class="navbar-text redis-url">Redis: <%= redis_connection %></p>
+            <p class="navbar-text redis-url" title="<%= h(redis_connection)%>">Redis: <%= redis_connection %></p>
           </li>
           <li>
             <p class="navbar-text"><%= t('Time') %>: <%= Time.now.utc.strftime('%H:%M:%S UTC') %></p>
           </li>
           <% if namespace %>
               <li>
-                <p class="navbar-text redis-namespace"><%= t('Namespace') %>: <%= namespace %></p>
+                <p class="navbar-text redis-namespace" title="<%= h(namespace)%>" ><%= t('Namespace') %>: <%= namespace %></p>
               </li>
           <% end %>
         </ul>