From 41d234363b8082b63f9e39452a908d1fb6427199 Mon Sep 17 00:00:00 2001
From: inga <inga@qupaya.com>
Date: Wed, 8 May 2024 14:07:39 +0200
Subject: [PATCH] refactor: add class to dialog for same css specificity

---
 libs/sketch/src/index.ts                                    | 2 +-
 libs/sketch/src/lib/components/dialog/dialog.component.css  | 6 +++---
 libs/sketch/src/lib/components/dialog/dialog.component.html | 1 +
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/libs/sketch/src/index.ts b/libs/sketch/src/index.ts
index 93531b4..eff0b5c 100644
--- a/libs/sketch/src/index.ts
+++ b/libs/sketch/src/index.ts
@@ -1,4 +1,4 @@
 export * from './lib/components/sketch/sketch.component';
 export * from './lib/components/select';
 export * from './lib/components/list';
-export * from './lib/components/dialog/dialog.component';
\ No newline at end of file
+export * from './lib/components/dialog/dialog.component';
diff --git a/libs/sketch/src/lib/components/dialog/dialog.component.css b/libs/sketch/src/lib/components/dialog/dialog.component.css
index de34064..8adb9ce 100644
--- a/libs/sketch/src/lib/components/dialog/dialog.component.css
+++ b/libs/sketch/src/lib/components/dialog/dialog.component.css
@@ -15,7 +15,7 @@
   --sk-dialog-backdrop-blur: 0;
 }
 
-dialog {
+.sk-dialog {
   width: var(--sk-dialog-width);
   height: var(--sk-dialog-height);
   max-width: 100%;
@@ -26,13 +26,13 @@ dialog {
   background-color: transparent;
 }
 
-dialog:has(::backdrop) {
+.sk-dialog:has(::backdrop) {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-dialog::backdrop {
+.sk-dialog::backdrop {
   background: var(--sk-dialog-backdrop);
   backdrop-filter: blur(var(--sk-dialog-backdrop-blur));
 }
diff --git a/libs/sketch/src/lib/components/dialog/dialog.component.html b/libs/sketch/src/lib/components/dialog/dialog.component.html
index 35a6e3a..05f9932 100644
--- a/libs/sketch/src/lib/components/dialog/dialog.component.html
+++ b/libs/sketch/src/lib/components/dialog/dialog.component.html
@@ -1,4 +1,5 @@
 <dialog
+  class="sk-dialog"
   #dialogElement
   skClickBackdrop
   (clickedBackdrop)="close.emit()"