]> cat aescling's git repositories - mastodon.git/commitdiff
Fix admin sidebar on Mobile layout
authorJeong Arm <kjwonmail@gmail.com>
Fri, 12 Nov 2021 17:52:50 +0000 (02:52 +0900)
committerClaire <claire.github-309c@sitedethib.com>
Fri, 12 Nov 2021 18:51:35 +0000 (19:51 +0100)
app/javascript/flavours/glitch/packs/admin.js

index 4c09ddb05c8024c8707a561b524d4580e6772ef6..31718998d397e1acd4ec9eb8453818974c364367 100644 (file)
@@ -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');