Add actual files

Author: ggrachdev

module/ggrachdev.debugbar/install/css/general.css

@@ -222,4 +222,32 @@
     background: -webkit-linear-gradient(180deg, rgba(0,97,65,1) 0%, rgba(0,172,115,1) 72%);
     background: linear-gradient(180deg, rgba(0,97,65,1) 0%, rgba(0,172,115,1) 72%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006141",endColorstr="#00ac73",GradientType=1);
+}
+
+.ggrach-debug-bar-color-black {
+    color: #fff;
+    background: #000;
+}
+
+.ggrach__debug_bar.hide-debug-bar > * {
+    display: none !important;
+}
+
+.ggrach__debug_bar.hide-debug-bar {
+    background: transparent !important;
+    border: unset !important;
+    width: 30px !important;
+    right: 0 !important;
+}
+
+.ggrach__debug_bar.hide-debug-bar > .ggrach__debug_bar__right {
+    display: flex !important;
+}
+
+.ggrach__debug_bar.hide-debug-bar > .ggrach__debug_bar__right > * {
+    display: none !important;
+}
+
+.ggrach__debug_bar.hide-debug-bar > .ggrach__debug_bar__right > [data-click="toggle_debug_bar"] {
+    display: flex !important;
 }

module/ggrachdev.debugbar/install/js/initializer.js

@@ -37,13 +37,35 @@ Ggrach.DebugBar = {
                             element.addEventListener('click', Ggrach.Handlers.onClickItemNotice);
                         });
                     }
+                    
+                    
+                    document.querySelector('[data-click="toggle_debug_bar"]').addEventListener('click', function (e) {
+                        e.preventDefault();
+                        Ggrach.DebugBar.toggle();
+                    });
                 }
             }
         });
     },
 
     removeBar: function () {
-        document.querySelector('.ggrach__debug_bar').remove();
+        this.getDebugBar().remove();
+    },
+
+    getDebugBar: function () {
+        return document.querySelector('.ggrach__debug_bar');
+    },
+
+    toggle: function () {
+        this.getDebugBar().classList.toggle('hide-debug-bar');
+    },
+
+    hide: function () {
+        this.getDebugBar().classList.add('hide-debug-bar');
+    },
+
+    show: function () {
+        this.getDebugBar().classList.remove('hide-debug-bar');
     }
 };