diff options
author | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-06-30 15:48:42 +0000 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2017-06-30 15:48:42 +0000 |
commit | 7541362fe7b8983f1c6ce511dc9b7c727857dfdd (patch) | |
tree | 650a0cac63b6fdb6360e71e445eec6da29804cfc | |
parent | daa7cdb33091ce43cffa6cbd2ead1dd47f8b4ac3 (diff) | |
download | gitlab-ce-7541362fe7b8983f1c6ce511dc9b7c727857dfdd.tar.gz |
Automatically hide sidebar on smaller screens
-rw-r--r-- | app/assets/stylesheets/new_sidebar.scss | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/app/assets/stylesheets/new_sidebar.scss b/app/assets/stylesheets/new_sidebar.scss index be4cc02b3ea..17f23f7fce3 100644 --- a/app/assets/stylesheets/new_sidebar.scss +++ b/app/assets/stylesheets/new_sidebar.scss @@ -49,6 +49,7 @@ $new-sidebar-width: 220px; position: fixed; z-index: 400; width: $new-sidebar-width; + transition: width $sidebar-transition-duration; top: 50px; bottom: 0; left: 0; @@ -62,6 +63,8 @@ $new-sidebar-width: 220px; } li { + white-space: nowrap; + a { display: block; padding: 12px 14px; @@ -72,6 +75,10 @@ $new-sidebar-width: 220px; color: $gl-text-color; text-decoration: none; } + + @media (max-width: $screen-xs-max) { + width: 0; + } } .sidebar-sub-level-items { |