Add css parts for better styling
This commit is contained in:
parent
69690793be
commit
96725983ad
@ -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": {
|
||||||
|
14
tp-popup.js
14
tp-popup.js
@ -72,14 +72,12 @@ 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" part="content" ?open=${isOpen}>
|
||||||
<div id="content" ?open=${isOpen}>
|
<div class="content-wrap" part="content-wrap">
|
||||||
<div class="content-wrap">
|
<slot id="contentSlot" name="content"></slot>
|
||||||
<slot id="contentSlot" name="content"></slot>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
Loading…
Reference in New Issue
Block a user