kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Toggle sidebar button more obvious

Browse source 
The toggle is now at the top of the sidebar because it is not noticeable
near the bottom. By placing it at the top, users will immediately know that
they can have more space if they desire versus on the bottom, they will have
to search for it and that's not desired.

Fixes #2044
This commit is contained in:
Sabba Petri 2015-02-23 14:27:52 -08:00
parent bb2358379e
commit b3fd0ca04d
2 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/assets/stylesheets/sections/nav_sidebar.scss
View file

@ -108,7 +108,7 @@
width: $sidebar_width; width: $sidebar_width;
.nav-sidebar { .nav-sidebar {
margin-top: 20px; margin-top: 29px;
position: fixed; position: fixed;
top: 45px; top: 45px;
width: $sidebar_width; width: $sidebar_width;
@ -127,7 +127,7 @@
width: 52px; width: 52px;
.nav-sidebar { .nav-sidebar {
margin-top: 20px; margin-top: 29px;
position: fixed; position: fixed;
top: 45px; top: 45px;
width: 52px; width: 52px;
@ -144,14 +144,22 @@
} }
} }
} }
.collapse-nav a {
left: 0px;
padding: 5px 23px 3px 22px;
}
} }
} }
.collapse-nav a { .collapse-nav a {
position: fixed; position: fixed;
bottom: 15px; top: 47px;
padding: 10px; padding: 5px 13px 3px 13px;
background: #DDD; left: 197px;
background: #EEE;
color: black;
border: 1px solid rgba(0,0,0,0.035);
} }
@media (max-width: $screen-md-max) { @media (max-width: $screen-md-max) {

4
app/views/layouts/_collapse_button.html.haml
View file

@ -1,4 +1,4 @@
- if nav_menu_collapsed? - if nav_menu_collapsed?
= link_to icon('angle-right'), '#', class: 'toggle-nav-collapse' = link_to icon('angle-right'), '#', class: 'toggle-nav-collapse', title: "Open/Close"
- else - else
= link_to icon('angle-left'), '#', class: 'toggle-nav-collapse' = link_to icon('angle-left'), '#', class: 'toggle-nav-collapse', title: "Open/Close"