web: use ShadowDom for all elements, embed smaller CSS in skeleton
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
@ -1,4 +1,5 @@
|
||||
import { customElement, html, LitElement, property, TemplateResult } from "lit-element";
|
||||
import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
|
||||
import { COMMON_STYLES } from "../../common/styles";
|
||||
|
||||
export interface APIMessage {
|
||||
level_tag: string;
|
||||
@ -25,8 +26,8 @@ export class Message extends LitElement {
|
||||
@property({attribute: false})
|
||||
onRemove?: (m: APIMessage) => void;
|
||||
|
||||
createRenderRoot(): ShadowRoot | Element {
|
||||
return this;
|
||||
static get styles(): CSSResult[] {
|
||||
return COMMON_STYLES;
|
||||
}
|
||||
|
||||
firstUpdated(): void {
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import { gettext } from "django";
|
||||
import { LitElement, html, customElement, TemplateResult, property } from "lit-element";
|
||||
import { LitElement, html, customElement, TemplateResult, property, CSSResult } from "lit-element";
|
||||
import { COMMON_STYLES } from "../../common/styles";
|
||||
import "./Message";
|
||||
import { APIMessage } from "./Message";
|
||||
|
||||
@ -21,8 +22,8 @@ export class MessageContainer extends LitElement {
|
||||
messageSocket?: WebSocket;
|
||||
retryDelay = 200;
|
||||
|
||||
createRenderRoot(): ShadowRoot | Element {
|
||||
return this;
|
||||
static get styles(): CSSResult[] {
|
||||
return COMMON_STYLES;
|
||||
}
|
||||
|
||||
constructor() {
|
||||
|
||||
Reference in New Issue
Block a user