diff options
| author | Kushal Pandya <kushalspandya@gmail.com> | 2017-09-07 18:53:47 +0300 |
|---|---|---|
| committer | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-09-07 18:53:47 +0300 |
| commit | f44412891e99a86fd2321278e4507fbd69753a21 (patch) | |
| tree | 68dd480d70701435f88605ef5e81e779739f5bec /app/assets/stylesheets/framework/dropdowns.scss | |
| parent | c5536a37a654d4063a81078688b93ae3c43db707 (diff) | |
Make dropdown menus on navigation to use full viewport width
Diffstat (limited to 'app/assets/stylesheets/framework/dropdowns.scss')
| -rw-r--r-- | app/assets/stylesheets/framework/dropdowns.scss | 25 |
1 files changed, 19 insertions, 6 deletions
diff --git a/app/assets/stylesheets/framework/dropdowns.scss b/app/assets/stylesheets/framework/dropdowns.scss index cf557d94bdd..cb501030356 100644 --- a/app/assets/stylesheets/framework/dropdowns.scss +++ b/app/assets/stylesheets/framework/dropdowns.scss @@ -837,17 +837,30 @@ } } +@media (max-width: $screen-xs-max) { + .navbar-gitlab { + li.header-projects, + li.header-more, + li.header-new, + li.header-user { + position: static; + } + } + + header.navbar-gitlab .dropdown { + .dropdown-menu, + .dropdown-menu-nav { + width: 100%; + min-width: 100%; + } + } +} + @include new-style-dropdown('.breadcrumbs-list .dropdown '); @include new-style-dropdown('.js-namespace-select + '); header.navbar-gitlab-new .header-content .dropdown-menu.projects-dropdown-menu { padding: 0; - - @media (max-width: $screen-xs-max) { - display: table; - left: -50px; - min-width: 300px; - } } .projects-dropdown-container { |