fix(settings/editor): rollback

exadel-inc · Nov 14, 2022 · 897d619 · 897d619
1 parent ef17a6e
commit 897d619
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 8 deletions.
diff --git a/src/plugins/editor/editor.less b/src/plugins/editor/editor.less
@@ -11,7 +11,7 @@
     border-top: 1px solid @section-border;
   }
 
-  .uip-root[editor-collapsed] & {
+  &.collapsed {
     max-height: 0;
 
     &-inner {

diff --git a/src/plugins/editor/editor.ts b/src/plugins/editor/editor.ts
@@ -111,11 +111,14 @@ export class UIPEditor extends UIPPlugin {
     const attr = e.detail.attribute;
     const value = e.detail.value;
 
-    if (attr === 'dark-theme') {
-      return this.setEditorConfig({
-        theme: value === null ?
-          UIPEditor.defaultOptions.theme : UIPEditor.themesMapping['uip-dark']
-      });
+    switch (attr) {
+      case 'dark-theme':
+        return this.setEditorConfig({theme: value === null ?
+            UIPEditor.defaultOptions.theme : UIPEditor.themesMapping['uip-dark']});
+      case 'editor-collapsed':
+        return this.classList.toggle('collapsed', value !== null);
+      default:
+        return;
     }
   }
 }
diff --git a/src/plugins/settings/settings.less b/src/plugins/settings/settings.less
@@ -25,7 +25,7 @@
     padding: 0 5px;
   }
 
-  .uip-root[settings-collapsed] & {
+  &.collapsed {
     max-width: 0;
 
     &-inner {
@@ -51,7 +51,7 @@
       .scrollbar-expanded();
     }
 
-    .uip-root[settings-collapsed] & {
+    &.collapsed {
       max-height: 0;
       max-width: 100%;
 

diff --git a/src/plugins/settings/settings.ts b/src/plugins/settings/settings.ts
@@ -63,4 +63,10 @@ export class UIPSettings extends UIPPlugin {
   protected _onRootStateChange(): void {
     this.settings.forEach(setting => setting.updateFrom(this.model!));
   }
+
+  @listen({event: 'uip:configchange', target: '::parent(.uip-root)'})
+  protected _onRootConfigChange(e: CustomEvent) {
+    if (e.detail.attribute !== 'settings-collapsed') return false;
+    this.classList.toggle('collapsed', e.detail.value !== null);
+  }
 }