From c342476b5702ddbdee2bfe3d06a22512ec877757 Mon Sep 17 00:00:00 2001 From: Navied Shoushtarian Date: Thu, 20 Sep 2018 16:06:18 -0400 Subject: [PATCH] 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 --- web/assets/stylesheets/application.css | 37 ++++++++++++++++++++++++-- web/views/_nav.erb | 18 ++----------- 2 files changed, 37 insertions(+), 18 deletions(-) diff --git a/web/assets/stylesheets/application.css b/web/assets/stylesheets/application.css index c78a75a4..456b4437 100644 --- a/web/assets/stylesheets/application.css +++ b/web/assets/stylesheets/application.css @@ -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,13 +257,19 @@ table .table-checkbox label { display: none; } + .nav.navbar-nav{ + display: block; + width: auto; + } + .navbar.navbar-fixed-top ul { margin-right: -15px!important; } .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; diff --git a/web/views/_nav.erb b/web/views/_nav.erb index 72b3b713..b45462a2 100644 --- a/web/views/_nav.erb +++ b/web/views/_nav.erb @@ -32,27 +32,13 @@ <% end %> <% end %> - - <% Sidekiq::Web.custom_tabs.each do |title, url| %>
  • <%= t(title) %>
  • <% end %> - -