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",
"version": "1.0.0",
"version": "1.0.1",
"description": "",
"main": "tp-popup.js",
"scripts": {

View File

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