From 7da403808c538f332aba830c8d6a0d637384f19d Mon Sep 17 00:00:00 2001 From: Rohan Mitchell Date: Wed, 13 May 2015 16:56:32 +1000 Subject: [PATCH] Style mobile menu [skip ci] --- app/assets/images/logo-black.png | Bin 0 -> 9158 bytes app/assets/images/logo-black.svg | 82 ++++++++++++++++++ .../stylesheets/darkswarm/menu.css.sass | 19 +++- app/views/shared/menu/_mobile_menu.html.haml | 2 +- 4 files changed, 100 insertions(+), 3 deletions(-) create mode 100644 app/assets/images/logo-black.png create mode 100644 app/assets/images/logo-black.svg diff --git a/app/assets/images/logo-black.png b/app/assets/images/logo-black.png new file mode 100644 index 0000000000000000000000000000000000000000..31ec1422f1c63c4c8ad6bed1be8942c4be141dbc GIT binary patch literal 9158 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 literal 0 HcmV?d00001 diff --git a/app/assets/images/logo-black.svg b/app/assets/images/logo-black.svg new file mode 100644 index 0000000000..5f69f364c4 --- /dev/null +++ b/app/assets/images/logo-black.svg @@ -0,0 +1,82 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/app/assets/stylesheets/darkswarm/menu.css.sass b/app/assets/stylesheets/darkswarm/menu.css.sass index 3fd7a6d790..c726847ceb 100644 --- a/app/assets/stylesheets/darkswarm/menu.css.sass +++ b/app/assets/stylesheets/darkswarm/menu.css.sass @@ -47,7 +47,7 @@ nav opacity: 1 .nav-branded - color: $clr-brick-light-bright + color: $australia-orange span font-size: 13px .nav-primary @@ -63,6 +63,9 @@ nav // Mobile Menu +.tab-bar + background-color: white + .off-canvas-wrap.move-right .tab-bar .menu-icon @include box-shadow(inset 0 0 6px 2px rgba(0,0,0,0.5)) @@ -74,6 +77,12 @@ nav -webkit-box-shadow: 0 0px 0 1px #666, 0 7px 0 1px #666, 0 14px 0 1px #666 box-shadow: 0 0px 0 1px #666, 0 7px 0 1px #666, 0 14px 0 1px #666 +.tab-bar .menu-icon span::after + box-shadow: 0 0 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black + +.left-off-canvas-menu + background-color: white + .off-canvas-wrap.move-right ul.off-canvas-list font-size: 0.875rem @@ -81,7 +90,13 @@ nav @include headingFont font-size: 1rem a - color: rgba(255, 255, 255, 0.9) + color: rgba(0, 0, 0, 0.9) + li a + color: rgba(0, 0, 0, 0.9) + &:hover + background-color: transparent + color: $australia-orange + @include transition(all 0.3s ease-in-out) .off-canvas-wrap.move-right ul.off-canvas-list i font-size: 1.5rem diff --git a/app/views/shared/menu/_mobile_menu.html.haml b/app/views/shared/menu/_mobile_menu.html.haml index 662af2addd..8dc3bff8c7 100644 --- a/app/views/shared/menu/_mobile_menu.html.haml +++ b/app/views/shared/menu/_mobile_menu.html.haml @@ -12,7 +12,7 @@ %ul.off-canvas-list %li.ofn-logo %a{href: root_path} - %img{src: "/assets/logo-white.png", srcset: "/assets/logo-white.svg", width: "75", height: "26"} + %img{src: "/assets/logo-black.png", srcset: "/assets/logo-black.svg", width: "75", height: "26"} %li.li-menu %a{href: main_app.shops_path} %span.nav-primary