diff options
| author | kushalpandya <kushal@gitlab.com> | 2017-09-06 22:10:43 +0530 |
|---|---|---|
| committer | kushalpandya <kushal@gitlab.com> | 2017-09-06 22:10:43 +0530 |
| commit | 6459ce5460dba0cfd4a160b49b0aa5875803b516 (patch) | |
| tree | 2fd893378fa9e1e7c161722ce78611eb66dcf8f6 | |
| parent | 9cc70df2b6dd0eb47185bdb30846534e0cbf5b54 (diff) | |
| download | gitlab-ce-37349-fix-mobile-dropdown-size-position.tar.gz | |
Make nav dropdowns use full viewport width on smaller screens37349-fix-mobile-dropdown-size-position
| -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 5f397f08936..2f716023e9f 100644 --- a/app/assets/stylesheets/framework/dropdowns.scss +++ b/app/assets/stylesheets/framework/dropdowns.scss @@ -829,17 +829,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 { |