From 92d60fbfdd8bf6811dc9efe8b071a48713d0eb63 Mon Sep 17 00:00:00 2001
From: GODrums <armin.stanitzok@outlook.de>
Date: Sat, 12 Oct 2024 04:40:49 +0200
Subject: [PATCH] Improve encapsulation

---
 webapp/src/app/core/issue-card/issue-card.component.scss | 2 +-
 webapp/src/app/core/issue-card/issue-card.component.ts   | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/webapp/src/app/core/issue-card/issue-card.component.scss b/webapp/src/app/core/issue-card/issue-card.component.scss
index fd3f00a3..31688d27 100644
--- a/webapp/src/app/core/issue-card/issue-card.component.scss
+++ b/webapp/src/app/core/issue-card/issue-card.component.scss
@@ -9,7 +9,7 @@
   background: rgb(var(--label-r), var(--label-g), var(--label-b));
   border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));
 }
-.dark .gh-label {
+:host-context(.dark) .gh-label {
   --lightness-threshold: 0.6;
   --background-alpha: 0.18;
   --border-alpha: 0.3;
diff --git a/webapp/src/app/core/issue-card/issue-card.component.ts b/webapp/src/app/core/issue-card/issue-card.component.ts
index cb1a1d43..db147360 100644
--- a/webapp/src/app/core/issue-card/issue-card.component.ts
+++ b/webapp/src/app/core/issue-card/issue-card.component.ts
@@ -11,8 +11,7 @@ import { cn } from '@app/utils';
   templateUrl: './issue-card.component.html',
   imports: [NgIcon, NgStyle],
   styleUrls: ['./issue-card.component.scss'],
-  standalone: true,
-  encapsulation: ViewEncapsulation.None
+  standalone: true
 })
 export class IssueCardComponent {
   class = input('');