forked from extern/egroupware
WIP implementing Iframe widget:
- Get some styling - An approach to display label slot
This commit is contained in:
parent
76a1f3c584
commit
f454536165
@ -20,6 +20,13 @@ export class Et2Iframe extends Et2Widget(SlotMixin(LitElement))
|
|||||||
return [
|
return [
|
||||||
...super.styles,
|
...super.styles,
|
||||||
css`
|
css`
|
||||||
|
:host {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
:host > iframe {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
/* Custom CSS */
|
/* Custom CSS */
|
||||||
`,
|
`,
|
||||||
];
|
];
|
||||||
@ -43,14 +50,22 @@ export class Et2Iframe extends Et2Widget(SlotMixin(LitElement))
|
|||||||
{
|
{
|
||||||
super(...args);
|
super(...args);
|
||||||
}
|
}
|
||||||
|
get slots()
|
||||||
|
{
|
||||||
|
return {
|
||||||
|
...super.slots
|
||||||
|
};
|
||||||
|
}
|
||||||
connectedCallback()
|
connectedCallback()
|
||||||
{
|
{
|
||||||
super.connectedCallback();
|
super.connectedCallback();
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return html` <iframe ${this.id ? html`id="${this.id}"` : ''} allowfullscreen="${this.fullscreen}"></iframe>`;
|
return html`
|
||||||
|
<iframe ${this.id ? html`id="${this.id}"` : ''} allowfullscreen="${this.fullscreen}" seamless="${this.seamless}" name="${this.name}" allow="${this.allow}"></iframe>
|
||||||
|
<slot>${this._label}</slot>
|
||||||
|
`;
|
||||||
}
|
}
|
||||||
|
|
||||||
__getIframeNode()
|
__getIframeNode()
|
||||||
|
Loading…
Reference in New Issue
Block a user