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;
top: auto;
}
}
.redis-url, .redis-namespace {
overflow: hidden;
.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;
}
}

6
web/views/_footer.erb
View file

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