From 3238e60823cf6021250474f182368e8d68a343db Mon Sep 17 00:00:00 2001 From: Jeong Arm Date: Sat, 13 Nov 2021 02:52:50 +0900 Subject: [PATCH] Fix admin sidebar on Mobile layout --- app/javascript/flavours/glitch/packs/admin.js | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/app/javascript/flavours/glitch/packs/admin.js b/app/javascript/flavours/glitch/packs/admin.js index 4c09ddb05c8..31718998d39 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');