diff --git a/api/js/etemplate/Et2Description/Et2Description.ts b/api/js/etemplate/Et2Description/Et2Description.ts index 7cc2fb5f7c..6bc38362f2 100644 --- a/api/js/etemplate/Et2Description/Et2Description.ts +++ b/api/js/etemplate/Et2Description/Et2Description.ts @@ -19,6 +19,10 @@ export class Et2Description extends Et2Widget(LitElement) implements et2_IDetach static get styles() { + /** + * No styles for Et2Description due to how we're rendering content directly into light DOM + * anything added here won't work + */ return [ ...super.styles, css` @@ -150,6 +154,15 @@ export class Et2Description extends Et2Widget(LitElement) implements et2_IDetach return html`${render}`; } + /** + * Put everything into the light DOM + * @returns {this} + */ + createRenderRoot() + { + return this; + } + async firstUpdated() { this.removeEventListener('click.extra_link', this._handleClick); diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css index 6d9b7835b5..1dad234b39 100644 --- a/api/templates/default/etemplate2.css +++ b/api/templates/default/etemplate2.css @@ -231,7 +231,7 @@ div.et2_hbox > div { /** * Label widget, and labels for other widgets */ -.et2_label { +.et2_label, et2-description { color: #101050; white-space: pre-wrap; }