perf(animation): improve animation styles

AlaskaAirlines · Jul 14, 2023 · 9cd1352 · 9cd1352
1 parent af8d198
commit 9cd1352
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/style.scss b/src/style.scss
@@ -10,11 +10,6 @@
 @import './../node_modules/@aurodesignsystem/webcorestylesheets/dist/breakpoints';
 @import './../node_modules/@aurodesignsystem/webcorestylesheets/dist/core';
 
-// Support for auroElement styles
-// @import './node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement';
-
-// container styles - defines the look of the outer custom component
-
 :host {
   .trigger {
     cursor: pointer;
@@ -24,7 +19,12 @@
   .content {
     width: 100%;
     transition: all 0.5s ease-in-out;
-    transition-property: opacity, height;
+    transition-property: height;
+  }
+
+  .componentWrapper {
+    height: 100%;
+    overflow: hidden;
   }
 }
 
@@ -46,7 +46,5 @@
 :host([aria-expanded=false]) {
   .content {
     height: 0 !important;
-    overflow: hidden;
-    opacity: 0;
   }
 }