Add css parts for better styling

This commit is contained in:
trading_peter 2022-03-17 11:47:44 +01:00
parent 69690793be
commit 96725983ad
2 changed files with 7 additions and 9 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "@tp/tp-popup", "name": "@tp/tp-popup",
"version": "1.0.0", "version": "1.0.1",
"description": "", "description": "",
"main": "tp-popup.js", "main": "tp-popup.js",
"scripts": { "scripts": {

View File

@ -72,16 +72,14 @@ class TpPopup extends EventHelpers(Position(DomQuery(LitElement))) {
const { isOpen } = this; const { isOpen } = this;
return html` return html`
<div class="wrap"> <div class="toggle" part="toggle">
<div class="toggle">
<slot id="toggleContent" name="toggle"></slot> <slot id="toggleContent" name="toggle"></slot>
</div> </div>
<div id="content" ?open=${isOpen}> <div id="content" part="content" ?open=${isOpen}>
<div class="content-wrap"> <div class="content-wrap" part="content-wrap">
<slot id="contentSlot" name="content"></slot> <slot id="contentSlot" name="content"></slot>
</div> </div>
</div> </div>
</div>
`; `;
} }