Mobile UI Improvements

Move spinner for mobile
This commit is contained in:
Drew Blessing 2014-03-23 21:17:01 -05:00
parent ae1a314824
commit dab09af518
3 changed files with 17 additions and 7 deletions

View file

@ -273,3 +273,9 @@ header {
} }
} }
} }
@media (max-width: $screen-xs-max) {
#nprogress .spinner {
right: 35px !important;
}
}

View file

@ -8,11 +8,15 @@
%span.separator %span.separator
%h1.title= title %h1.title= title
.pull-right %button.navbar-toggle{"data-target" => ".navbar-collapse", "data-toggle" => "collapse", type: "button"}
%span.sr-only Toggle navigation
%i.icon-reorder
.pull-right.hidden-xs
= link_to "Sign in", new_session_path(:user), class: 'btn btn-sign-in btn-new' = link_to "Sign in", new_session_path(:user), class: 'btn btn-sign-in btn-new'
%ul.nav.navbar-nav .navbar-collapse.collapse
%li %ul.nav.navbar-nav
%a %li.visible-xs
%div.hide.turbolink-spinner = link_to "Sign in", new_session_path(:user)
%i.icon-refresh.icon-spin

View file

@ -4,7 +4,7 @@
%body{class: "#{app_theme} application", :'data-page' => body_data_page} %body{class: "#{app_theme} application", :'data-page' => body_data_page}
= render "layouts/broadcast" = render "layouts/broadcast"
= render "layouts/public_head_panel", title: project_title(@project) = render "layouts/public_head_panel", title: project_title(@project)
%nav.main-nav %nav.main-nav.navbar-collapse.collapse
.container= render 'layouts/nav/project' .container= render 'layouts/nav/project'
.container .container
.content= yield .content= yield