fix: inverse class on content header (#123)

useid · Dec 22, 2021 · f1830b7 · f1830b7
1 parent 6a61426
commit f1830b7
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/packages/dgt-components/lib/components/cards/card.component.ts b/packages/dgt-components/lib/components/cards/card.component.ts
@@ -74,7 +74,7 @@ export class CardComponent extends LitElement {
 
         ${!this.hideHeader
     ? html`
-            <card-header class="inverse">
+            <card-header>
               <slot name="icon" slot="icon"></slot>
               <slot name="title" slot="title"></slot>
               <slot name="subtitle" slot="subtitle"></slot>

diff --git a/packages/dgt-components/lib/components/header/content-header.component.ts b/packages/dgt-components/lib/components/header/content-header.component.ts
@@ -50,7 +50,7 @@ export class ContentHeaderComponent extends LitElement {
         }
 
 
-        :host.inverse {
+        :host(.inverse) {
           background-color: var(--colors-primary-dark);
           color: var(--colors-foreground-inverse);
           fill: var(--colors-foreground-inverse);

diff --git a/packages/dgt-components/package-lock.json b/packages/dgt-components/package-lock.json