fix: revert changes, remove bootstrap dep

siemens · Dec 18, 2024 · 26dcf15 · 26dcf15
1 parent 6b68edc
commit 26dcf15
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/core/src/components/drawer/drawer.scss b/packages/core/src/components/drawer/drawer.scss
@@ -57,7 +57,6 @@
   .content {
     position: relative;
     flex: 1;
-    flex-grow: 1;
     order: 2;
     height: 100%;
     width: 100%;
@@ -68,3 +67,7 @@
 :host(.toggle) {
   visibility: visible;
 }
+
+:host(.display-none) {
+  display: none;
+}
diff --git a/packages/core/src/components/drawer/drawer.tsx b/packages/core/src/components/drawer/drawer.tsx
@@ -130,7 +130,7 @@ export class Drawer {
         opacity: [1, 0],
         easing: 'easeInSine',
         complete: () => {
-          el.classList.remove('toggle');
+          el.classList.add('display-none');
         },
       });
     }
@@ -145,7 +145,7 @@ export class Drawer {
         opacity: [0, 1],
         easing: 'easeOutSine',
         begin: () => {
-          el.classList.add('toggle');
+          el.classList.remove('display-none');
         },
       });
     }
@@ -160,6 +160,8 @@ export class Drawer {
       <Host
         class={{
           'drawer-container': true,
+          toggle: this.show,
+          'display-none': true,
         }}
         style={{
           width: this.width === 'auto' ? this.width : `${this.width}rem`,