about summary refs log tree commit diff
path: root/app/javascript/flavours
diff options
context:
space:
mode:
authorJeong Arm <kjwonmail@gmail.com>2021-11-13 02:52:50 +0900
committerClaire <claire.github-309c@sitedethib.com>2021-11-12 19:51:35 +0100
commit3238e60823cf6021250474f182368e8d68a343db (patch)
tree46f251ae0ffa5da0a4e6f769cfba77580f4522f4 /app/javascript/flavours
parentf33878969a7fa38f4275c99b8970f9a567aed9d3 (diff)
Fix admin sidebar on Mobile layout
Diffstat (limited to 'app/javascript/flavours')
-rw-r--r--app/javascript/flavours/glitch/packs/admin.js21
1 files changed, 21 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/packs/admin.js b/app/javascript/flavours/glitch/packs/admin.js
index 4c09ddb05..31718998d 100644
--- a/app/javascript/flavours/glitch/packs/admin.js
+++ b/app/javascript/flavours/glitch/packs/admin.js
@@ -1,6 +1,27 @@
 import 'packs/public-path';
+import loadPolyfills from 'flavours/glitch/util/load_polyfills';
 import ready from 'flavours/glitch/util/ready';
 
+function setupSidebar() {
+  const { delegate } = require('@rails/ujs');
+
+  delegate(document, '.sidebar__toggle__icon', 'click', () => {
+    const target = document.querySelector('.sidebar ul');
+
+    if (target.style.display === 'block') {
+      target.style.display = 'none';
+    } else {
+      target.style.display = 'block';
+    }
+  });
+}
+
+loadPolyfills()
+  .then(setupSidebar)
+  .catch(error => {
+    console.error(error);
+  });
+
 ready(() => {
   const React    = require('react');
   const ReactDOM = require('react-dom');