ZIP Imports: Added parent selector for page/chapter imports

[bookstack] / resources / js / components / editor-toolbox.js

diff --git a/resources/js/components/editor-toolbox.js b/resources/js/components/editor-toolbox.js
index 4d3c0ae75d22177e0362c21b2b2b7f971e1af2ac..ddb4ff39c7686a285247466b708d32b2f76fbbba 100644 (file)
--- a/resources/js/components/editor-toolbox.js
+++ b/resources/js/components/editor-toolbox.js
@@ -8,6 +8,7 @@ export class EditorToolbox extends Component {
         this.buttons = this.$manyRefs.tabButton;
         this.contentElements = this.$manyRefs.tabContent;
         this.toggleButton = this.$refs.toggle;
         this.buttons = this.$manyRefs.tabButton;
         this.contentElements = this.$manyRefs.tabContent;
         this.toggleButton = this.$refs.toggle;

+        this.editorWrapEl = this.container.closest('.page-editor');

 
         this.setupListeners();
 
 
         this.setupListeners();
 


@@ -30,8 +31,9 @@ export class EditorToolbox extends Component {
 
     toggle() {
         this.container.classList.toggle('open');
 
     toggle() {
         this.container.classList.toggle('open');

-        const expanded = this.container.classList.contains('open') ? 'true' : 'false';
-        this.toggleButton.setAttribute('aria-expanded', expanded);
+        const isOpen = this.container.classList.contains('open');
+        this.toggleButton.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
+        this.editorWrapEl.classList.toggle('toolbox-open', isOpen);

     }
 
     setActiveTab(tabName, openToolbox = false) {
     }
 
     setActiveTab(tabName, openToolbox = false) {