kotovalexarian-likes-github/mperham--sidekiq
1
0
Fork 0
mirror of https://github.com/mperham/sidekiq.git synced 2022-11-09 13:52:34 -05:00
Code Releases Activity

Using percentage sizes for footer information with ellipses overflow.

Browse source 
Also added title attributes so on-hover shows full string.
This commit is contained in:
John Cavalieri 2015-11-05 15:51:15 -06:00
parent b11bc60869
commit e3c5ecca42
2 changed files with 29 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
web/assets/stylesheets/application.css
View file

@ -713,38 +713,37 @@ div.interval-slider input {
position: relative; position: relative;
top: auto; top: auto;
} }
}
.redis-url, .redis-namespace { .navbar-fixed-bottom .navbar-text {
overflow: hidden; max-width: 100%;
white-space: nowrap; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
}
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.redis-url { .navbar-fixed-bottom .navbar-text {
max-width: 200px; 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 { .navbar-fixed-bottom .navbar-text.redis-url {
max-width: 150px; max-width: 27%;
} }
}
.navbar-fixed-bottom .navbar-text.redis-namespace {
@media (min-width: 992px) { max-width: 18%;
.redis-url { }
max-width: 390px; .navbar-fixed-bottom .navbar-text.product-version {
} color: white;
.redis-namespace {
max-width: 300px;
}
}
@media (min-width: 1200px) {
.redis-url {
max-width: 480px;
}
.redis-namespace {
max-width: 350px;
} }
} }

6
web/views/_footer.erb
View file

@ -3,17 +3,17 @@
<div class="container text-center"> <div class="container text-center">
<ul class="nav"> <ul class="nav">
<li> <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>
<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>
<li> <li>
<p class="navbar-text"><%= t('Time') %>: <%= Time.now.utc.strftime('%H:%M:%S UTC') %></p> <p class="navbar-text"><%= t('Time') %>: <%= Time.now.utc.strftime('%H:%M:%S UTC') %></p>
</li> </li>
<% if namespace %> <% if namespace %>
<li> <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> </li>
<% end %> <% end %>
</ul> </ul>