diff options
| author | Han Loong Liauw <hanloongliauw@gmail.com> | 2015-10-09 14:05:55 +1100 |
|---|---|---|
| committer | Han Loong Liauw <hanloongliauw@gmail.com> | 2015-10-09 14:05:55 +1100 |
| commit | 95411f7151a8e1058731a6eb5fefcf7d91312b58 (patch) | |
| tree | e7797b6112a7f7f21ff7e7c07684baa5f1bd3d9c /app | |
| parent | 680b6d88a5c0d63deeb2909f1c83e3630db87780 (diff) | |
| download | gitlab-ce-95411f7151a8e1058731a6eb5fefcf7d91312b58.tar.gz | |
fixed positioning of hamburger menu on header
- Changed to margin for vertical allign as used in bootstrap 3 original
- Also added an `active` state to show when the extra items are enabled
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/javascripts/application.js.coffee | 1 | ||||
| -rw-r--r-- | app/assets/stylesheets/generic/header.scss | 7 |
2 files changed, 6 insertions, 2 deletions
diff --git a/app/assets/javascripts/application.js.coffee b/app/assets/javascripts/application.js.coffee index 8e987ac4e83..945ffb660e6 100644 --- a/app/assets/javascripts/application.js.coffee +++ b/app/assets/javascripts/application.js.coffee @@ -180,6 +180,7 @@ $ -> $('.navbar-toggle').on 'click', -> $('.header-content .title').toggle() $('.header-content .navbar-collapse').toggle() + $('.navbar-toggle').toggleClass('active') # Show/hide comments on diff $("body").on "click", ".js-toggle-diff-comments", (e) -> diff --git a/app/assets/stylesheets/generic/header.scss b/app/assets/stylesheets/generic/header.scss index 543ce41ab52..91e6975e269 100644 --- a/app/assets/stylesheets/generic/header.scss +++ b/app/assets/stylesheets/generic/header.scss @@ -50,15 +50,17 @@ header { .navbar-toggle { color: #666; - margin: 0; + margin: 6px 0; border-radius: 0; position: absolute; right: 2px; - top: 15px; &:hover { background-color: #EEE; } + &.active { + color: #7f8fa4; + } } } } @@ -87,6 +89,7 @@ header { .navbar-collapse { float: right; + border-top: none; } } |