Menu toggle styles

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index c2c7068ba84e597398a6260bad9336171515744c..8185c6376605db2ada348c25f0cf5b8254486c2a 100755 (executable)
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -1803,7 +1803,6 @@ th {
   background: #fff;
   width: 32px;
   height: 32px;
-  border-radius: 3px;
   box-sizing: border-box;
   padding: 9px 6px;
   cursor: pointer;
@@ -1811,36 +1810,36 @@ th {
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  border: 1px solid #000;
   margin: 0;
+  box-shadow: 0 0 5px 0px black;
 }
 
-/* line 21, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 22, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
 .menu__toggle:hover, .menu__toggle:focus {
   background: #fff;
 }
 
-/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 28, /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 32, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 33, /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 37, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 38, /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 42, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
 .menu__toggle span {
   display: block;
   background: #d2ba88;
@@ -1852,7 +1851,7 @@ th {
   transition: 0.3s ease;
 }
 
-/* line 52, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+/* line 53, /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 ffe8bb8e71c4d0079967f0c82978fe069cb0ba25..aa485eca064cdaae49f77d92a6e3683251d661d4 100755 (executable)
--- a/app/festival/static/scss/components/_menu-toggle.scss
+++ b/app/festival/static/scss/components/_menu-toggle.scss
@@ -8,13 +8,14 @@
   background: $white;
   width: 32px;
   height: 32px;
-  border-radius: 3px;
+  // border-radius: 3px;
   box-sizing: border-box;
   padding: 9px 6px;
   cursor: pointer;
   user-select: none;
-  border: 1px solid #000;
+  // border: 1px solid #000;
   margin: 0;
+  box-shadow: 0 0 5px 0px black;
   @media (min-width : $desktop ) {
       display: none;
   }