Toggle menu button fix

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index eeb89588864737c4be2c322d0427ba398697216c..188ab55f8b8e6188290a43a68b6dfd693c79caae 100755 (executable)
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -1711,31 +1711,31 @@ th {
 }
 
 /* line 21, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
-.menu__toggle:hover {
+.menu__toggle:hover, .menu__toggle:focus {
   background: #fff;
 }
 
-/* line 26, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
 .menu__toggle:checked span:first-child,
 .menu__toggle.toggled span:first-child {
   -webkit-transform: translateY(6px) rotate(45deg);
           transform: translateY(6px) rotate(45deg);
 }
 
-/* line 31, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 32, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
 .menu__toggle:checked span:nth-child(2),
 .menu__toggle.toggled span:nth-child(2) {
   opacity: 0;
 }
 
-/* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 37, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
 .menu__toggle:checked span:last-child,
 .menu__toggle.toggled span:last-child {
   -webkit-transform: translateY(-6px) rotate(-45deg);
           transform: translateY(-6px) rotate(-45deg);
 }
 
-/* line 41, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 42, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
 .menu__toggle span {
   display: block;
   background: #e8ca88;
@@ -1747,7 +1747,7 @@ th {
   transition: 0.3s ease;
 }
 
-/* line 51, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 52, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
 .menu__toggle span:nth-child(2) {
   margin: 4px 0;
 }

diff --git a/app/festival/static/scss/components/_menu-toggle.scss b/app/festival/static/scss/components/_menu-toggle.scss
index 6df6749382a7b83f60f5e81f6e6ad868177080e0..ffe8bb8e71c4d0079967f0c82978fe069cb0ba25 100755 (executable)
--- a/app/festival/static/scss/components/_menu-toggle.scss
+++ b/app/festival/static/scss/components/_menu-toggle.scss
@@ -18,7 +18,8 @@
   @media (min-width : $desktop ) {
       display: none;
   }
-  &:hover {
+  &:hover,
+  &:focus {
     background: #fff;
   }
 }