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 @@