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

Fixed mobile navigation. (#3973)

Browse source 
* 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
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -126,7 +126,7 @@ header.row .pagination {
text-align: center; text-align: center;
width: 14%; width: 14%;
} }
@media (max-width: 767px) and (min-width: 400px) { @media (max-width: 767px) and (min-width: 200px) {
.summary_bar ul li { .summary_bar ul li {
width: 100%; width: 100%;
} }
@ -219,6 +219,29 @@ table .table-checkbox label {
color: #585454; 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) { @media (max-width: 768px) {
.navbar .navbar-header .navbar-livereload { .navbar .navbar-header .navbar-livereload {
border: none; border: none;
@ -234,13 +257,19 @@ table .table-checkbox label {
display: none; display: none;
} }
.nav.navbar-nav{
display: block;
width: auto;
}
.navbar.navbar-fixed-top ul { .navbar.navbar-fixed-top ul {
margin-right: -15px!important; margin-right: -15px!important;
} }
.navbar .nav a { .navbar .nav a {
text-align: center; text-align: center;
} }
} }
@media (width: 768px) { @media (width: 768px) {
@ -645,6 +674,10 @@ div.interval-slider input {
margin-right: 0; margin-right: 0;
} }
.navbar #navbar-menu{
display: none;
}
.poll-wrapper { .poll-wrapper {
width: 100%; width: 100%;
text-align: center; text-align: center;

18
web/views/_nav.erb
View file

@ -32,27 +32,13 @@
<% end %> <% end %>
<% 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| %> <% Sidekiq::Web.custom_tabs.each do |title, url| %>
<li class="<%= current_path.start_with?(url) ? 'active' : '' %>" data-navbar="custom-tab"> <li class="<%= current_path.start_with?(url) ? 'active' : '' %>" data-navbar="custom-tab">
<a href="<%= root_path %><%= url %>"><%= t(title) %></a> <a href="<%= root_path %><%= url %>"><%= t(title) %></a>
</li> </li>
<% end %> <% end %>
</ul>
<ul class="nav navbar-nav navbar-right navbar-livereload" data-navbar="static"> <li class="navbar-livereload">
<li>
<div class="poll-wrapper"> <div class="poll-wrapper">
<%= erb :_poll_link %> <%= erb :_poll_link %>
<% if Sidekiq::Web.app_url %> <% if Sidekiq::Web.app_url %>