From 54f9f3cb5d530fd7257f737ba1e41bc924514bc3 Mon Sep 17 00:00:00 2001
From: pk <pk@codeblob.work>
Date: Mon, 24 Feb 2025 11:58:23 +0100
Subject: [PATCH] Add styling options for the close icon

---
 package.json | 2 +-
 tp-dialog.js | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 12f8e9b..8ba552b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-dialog",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "",
   "main": "tp-dialog.js",
   "scripts": {
diff --git a/tp-dialog.js b/tp-dialog.js
index 200c8d2..b03b228 100644
--- a/tp-dialog.js
+++ b/tp-dialog.js
@@ -41,6 +41,7 @@ class TpDialog extends EventHelpers(LitElement) {
           position: absolute;
           right: 4px;
           top: 5px;
+          z-index: 1;
           --tp-icon-width: 18px;
           --tp-icon-height: 18px;
         }
@@ -53,7 +54,7 @@ class TpDialog extends EventHelpers(LitElement) {
     return html`
       <dialog part="dialog">
         ${showClose ? html`
-          <div class="close-icon">
+          <div class="close-icon" part="close-icon">
             <tp-icon .icon=${this.icon ? this.icon : TpDialog.closeIcon} dialog-dismiss></tp-icon>
           </div>
         ` : null}