tp-elements/tp-dialog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add styling options for the close icon

Browse Source
This commit is contained in:
trading_peter 2025-02-24 11:58:23 +01:00
parent 89a8f893c2
commit 54f9f3cb5d
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@tp/tp-dialog", "name": "@tp/tp-dialog",
"version": "1.2.1", "version": "1.3.0",
"description": "", "description": "",
"main": "tp-dialog.js", "main": "tp-dialog.js",
"scripts": { "scripts": {

3
tp-dialog.js
View File

@ -41,6 +41,7 @@ class TpDialog extends EventHelpers(LitElement) {
position: absolute; position: absolute;
right: 4px; right: 4px;
top: 5px; top: 5px;
z-index: 1;
--tp-icon-width: 18px; --tp-icon-width: 18px;
--tp-icon-height: 18px; --tp-icon-height: 18px;
} }
@ -53,7 +54,7 @@ class TpDialog extends EventHelpers(LitElement) {
return html` return html`
<dialog part="dialog"> <dialog part="dialog">
${showClose ? html` ${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> <tp-icon .icon=${this.icon ? this.icon : TpDialog.closeIcon} dialog-dismiss></tp-icon>
</div> </div>
` : null} ` : null}