fix(expansion-panel): text styles and typography (#1415)

IgniteUI · Oct 2, 2024 · 7720c01 · 7720c01
1 parent 23ef7c5
commit 7720c01
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/src/components/expansion-panel/themes/expansion-panel.base.scss b/src/components/expansion-panel/themes/expansion-panel.base.scss
@@ -48,6 +48,8 @@
 
 [part='content'] ::slotted(*) {
     @include type-style('body-2');
+
+    display: block;
 }
 
 [part~='content'] {

diff --git a/src/components/expansion-panel/themes/shared/expansion-panel.bootstrap.scss b/src/components/expansion-panel/themes/shared/expansion-panel.bootstrap.scss
@@ -3,9 +3,3 @@
 :host([open]) [part~='content'] {
     @include type-style('body-1');
 }
-
-[part='subtitle'] {
-    &::slotted(*) {
-        @include type-style('body-2');
-    }
-}
diff --git a/src/components/expansion-panel/themes/shared/expansion-panel.common.scss b/src/components/expansion-panel/themes/shared/expansion-panel.common.scss
@@ -32,8 +32,11 @@ $theme: $material;
 
 :host([disabled]) {
     [part='title'],
-    [part='subtitle'],
     [part~='indicator'] {
         color: var-get($theme, 'disabled-text-color');
     }
+
+    [part='subtitle'] {
+        color: var-get($theme, 'disabled-description-color');
+    }
 }
diff --git a/src/components/expansion-panel/themes/shared/expansion-panel.fluent.scss b/src/components/expansion-panel/themes/shared/expansion-panel.fluent.scss
@@ -12,6 +12,6 @@
     }
 }
 
-:host([open]) [part~='content'] {
+[part='content'] ::slotted(*) {
     @include type-style('caption');
 }