Commit dab09af518a1ab573b30f12895b448790bc66222

Authored by Drew Blessing
1 parent ae1a3148

Mobile UI Improvements

Move spinner for mobile
app/assets/stylesheets/sections/header.scss
... ... @@ -273,3 +273,9 @@ header {
273 273 }
274 274 }
275 275 }
  276 +
  277 +@media (max-width: $screen-xs-max) {
  278 + #nprogress .spinner {
  279 + right: 35px !important;
  280 + }
  281 +}
... ...
app/views/layouts/_public_head_panel.html.haml
... ... @@ -8,11 +8,15 @@
8 8 %span.separator
9 9 %h1.title= title
10 10  
11   - .pull-right
  11 + %button.navbar-toggle{"data-target" => ".navbar-collapse", "data-toggle" => "collapse", type: "button"}
  12 + %span.sr-only Toggle navigation
  13 + %i.icon-reorder
  14 +
  15 + .pull-right.hidden-xs
12 16 = link_to "Sign in", new_session_path(:user), class: 'btn btn-sign-in btn-new'
13 17  
14   - %ul.nav.navbar-nav
15   - %li
16   - %a
17   - %div.hide.turbolink-spinner
18   - %i.icon-refresh.icon-spin
  18 + .navbar-collapse.collapse
  19 + %ul.nav.navbar-nav
  20 + %li.visible-xs
  21 + = link_to "Sign in", new_session_path(:user)
  22 +
... ...
app/views/layouts/public_projects.html.haml
... ... @@ -4,7 +4,7 @@
4 4 %body{class: "#{app_theme} application", :'data-page' => body_data_page}
5 5 = render "layouts/broadcast"
6 6 = render "layouts/public_head_panel", title: project_title(@project)
7   - %nav.main-nav
  7 + %nav.main-nav.navbar-collapse.collapse
8 8 .container= render 'layouts/nav/project'
9 9 .container
10 10 .content= yield
... ...