jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 09:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix camera more info pre load toggle (#10442)

Browse Source
This commit is contained in:
Bram Kragten 2021-10-28 16:03:08 +02:00 committed by GitHub
parent df572d59c5
commit aabb8ea16f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/dialogs/more-info/controls/more-info-camera.ts
View File

@ -20,6 +20,7 @@ import {
updateCameraPrefs, updateCameraPrefs,
} from "../../../data/camera"; } from "../../../data/camera";
import type { HomeAssistant } from "../../../types"; import type { HomeAssistant } from "../../../types";
import "../../../components/ha-formfield";
class MoreInfoCamera extends LitElement { class MoreInfoCamera extends LitElement {
@property({ attribute: false }) public hass?: HomeAssistant; @property({ attribute: false }) public hass?: HomeAssistant;
@ -54,12 +55,11 @@ class MoreInfoCamera extends LitElement {
></ha-camera-stream> ></ha-camera-stream>
${this._cameraPrefs ${this._cameraPrefs
? html` ? html`
<ha-formfield> <ha-formfield label="Preload stream">
<ha-checkbox <ha-checkbox
.checked=${this._cameraPrefs.preload_stream} .checked=${this._cameraPrefs.preload_stream}
@change=${this._handleCheckboxChanged} @change=${this._handleCheckboxChanged}
> >
Preload stream
</ha-checkbox> </ha-checkbox>
</ha-formfield> </ha-formfield>
` `
@ -123,12 +123,12 @@ class MoreInfoCamera extends LitElement {
display: block; display: block;
position: relative; position: relative;
} }
ha-checkbox { ha-formfield {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
background-color: var(--secondary-background-color); background-color: var(--secondary-background-color);
padding: 5px; padding-right: 16px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
`; `;