Ensure state is vertically centered in more-info (#12780)

This commit is contained in:
Philip Allgaier
2022-05-25 18:40:04 +02:00
committed by GitHub
parent 5217f5c50c
commit 19d014307a
4 changed files with 16 additions and 6 deletions

View File

@@ -155,7 +155,7 @@ class HuiGenericEntityRow extends LitElement {
</div>`
: html``}
${this.catchInteraction ?? !DOMAINS_INPUT_ROW.includes(domain)
? html` <div
? html`<div
class="text-content ${classMap({
pointer,
})}"
@@ -165,7 +165,7 @@ class HuiGenericEntityRow extends LitElement {
hasDoubleClick: hasAction(this.config!.double_tap_action),
})}
>
<slot></slot>
<div class="state"><slot></slot></div>
</div>`
: html`<slot></slot>`}
`;
@@ -230,6 +230,12 @@ class HuiGenericEntityRow extends LitElement {
.pointer {
cursor: pointer;
}
.state {
text-align: right;
}
.state.rtl {
text-align: left;
}
`;
}
}