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

Fixed mobile navigation. (#3973)

* Fixed mobile navigation.

* Remove unused toggle.

* Small css changes for mobile + ipad

* Fixes to double navbar

* remove leftover css

* fixed double btn two line issue
This commit is contained in:
Navied Shoushtarian 2018-09-20 16:06:18 -04:00 committed by Mike Perham
parent fd23e2ff3e
commit c342476b57
2 changed files with 37 additions and 18 deletions

View file

@ -126,7 +126,7 @@ header.row .pagination {
text-align: center;
width: 14%;
}
@media (max-width: 767px) and (min-width: 400px) {
@media (max-width: 767px) and (min-width: 200px) {
.summary_bar ul li {
width: 100%;
}
@ -219,6 +219,29 @@ table .table-checkbox label {
color: #585454;
}
.nav.navbar-nav{
display: flex;
width: 100%;
}
.navbar-livereload{
margin-left: auto;
white-space: nowrap;
}
.navbar-livereload .poll-wrapper a:last-child{
margin-left: 8px;
}
.navbar-right{
margin-right: 0;
}
.navbar-collapse.collapse{
overflow-x: auto !important;
}
@media (max-width: 768px) {
.navbar .navbar-header .navbar-livereload {
border: none;
@ -234,6 +257,11 @@ table .table-checkbox label {
display: none;
}
.nav.navbar-nav{
display: block;
width: auto;
}
.navbar.navbar-fixed-top ul {
margin-right: -15px!important;
}
@ -241,6 +269,7 @@ table .table-checkbox label {
.navbar .nav a {
text-align: center;
}
}
@media (width: 768px) {
@ -645,6 +674,10 @@ div.interval-slider input {
margin-right: 0;
}
.navbar #navbar-menu{
display: none;
}
.poll-wrapper {
width: 100%;
text-align: center;

View file

@ -32,27 +32,13 @@
<% end %>
<% end %>
<li class="dropdown" data-navbar="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<%= t('Plugins') %> <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<% Sidekiq::Web.custom_tabs.each do |title, url| %>
<li>
<a href="<%= root_path %><%= url %>"><%= t(title) %></a>
</li>
<% end %>
</ul>
</li>
<% Sidekiq::Web.custom_tabs.each do |title, url| %>
<li class="<%= current_path.start_with?(url) ? 'active' : '' %>" data-navbar="custom-tab">
<a href="<%= root_path %><%= url %>"><%= t(title) %></a>
</li>
<% end %>
</ul>
<ul class="nav navbar-nav navbar-right navbar-livereload" data-navbar="static">
<li>
<li class="navbar-livereload">
<div class="poll-wrapper">
<%= erb :_poll_link %>
<% if Sidekiq::Web.app_url %>