summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnnabel Dunstone Gray <annabel.dunstone@gmail.com>2017-06-30 15:48:42 +0000
committerPhil Hughes <me@iamphill.com>2017-06-30 15:48:42 +0000
commit7541362fe7b8983f1c6ce511dc9b7c727857dfdd (patch)
tree650a0cac63b6fdb6360e71e445eec6da29804cfc
parentdaa7cdb33091ce43cffa6cbd2ead1dd47f8b4ac3 (diff)
downloadgitlab-ce-7541362fe7b8983f1c6ce511dc9b7c727857dfdd.tar.gz
Automatically hide sidebar on smaller screens
-rw-r--r--app/assets/stylesheets/new_sidebar.scss7
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 {