jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-29 20:26:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hui Unavailable: Fix Opacity (#5283)

Browse Source 
* Fix unavailable

* opacity
This commit is contained in:
Zack Arnett 2020-03-20 06:49:46 -04:00 committed by GitHub
parent 63a2d9dd18
commit 90e32b7e45
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/panels/lovelace/components/hui-unavailable.ts
View File

@ -14,9 +14,8 @@ export class HuiUnavailable extends LitElement {
protected render(): TemplateResult { protected render(): TemplateResult {
return html` return html`
<div class="disabled-overlay"> <div class="disabled-overlay"></div>
<div>${this.text}</div> <div class="disabled-overlay-text">${this.text}</div>
</div>
`; `;
} }
@ -31,11 +30,11 @@ export class HuiUnavailable extends LitElement {
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: var(--state-icon-unavailable-color); background-color: var(--state-icon-unavailable-color);
opacity: 0.5; opacity: 0.6;
z-index: 50; z-index: 50;
} }
.disabled-overlay div { .disabled-overlay-text {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -44,6 +43,8 @@ export class HuiUnavailable extends LitElement {
color: var(--primary-text-color); color: var(--primary-text-color);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
z-index: 50;
opacity: 0.7;
} }
`; `;
} }