Dev: Settings

src/DevTools/DevTools.scss

@@ -5,19 +5,15 @@
     position: absolute;
     width: 100%;
     height: 100%;
+    bottom: 0;
+    left: 0;
     padding-top: 50px !important;
     background: #fff;
     z-index: 500;
     display: none;
+    opacity: 0;
+    transition: opacity .3s;
     transform: translateZ(0);
-    &.show {
-        display: block !important;
-        animation: show-menu .3s linear both;
-    }
-    &.hide {
-        display: block !important;
-        animation: hide-menu .3s linear both;
-    }
     .tools {
         height: 100%;
         width: 100%;
@@ -27,6 +23,7 @@
         .tool {
             transform: translateZ(0);
             position: absolute;
+            overflow: hidden;
             left: 0;
             top: 0;
             background: $gray-light;
@@ -36,23 +33,3 @@
     }
 }
 
-
-@keyframes show-menu {
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-
-@keyframes hide-menu {
-    0% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-    }
-}
-
-