From 07f19966c65cdac136f594d0d13a8f9baba0f7a0 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/lib/components/dialog/dialog.component.css  | 6 +++---
 libs/sketch/src/lib/components/dialog/dialog.component.html | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

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()"