flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix thumbnail fade issue.

Browse Source
This commit is contained in:
Dermot Duffy
2023-09-05 20:58:55 -07:00
parent 7173743d0b
commit 88563b59ac
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/surround.ts
+1
View File
@@ -178,6 +178,7 @@ export class FrigateCardSurround extends LitElement {
.hass=${this.hass} .hass=${this.hass}
.config=${this.thumbnailConfig} .config=${this.thumbnailConfig}
.cameraManager=${this.cameraManager} .cameraManager=${this.cameraManager}
.fadeThumbnails=${this.view.isViewerView()}
.view=${this.view} .view=${this.view}
.selected=${this.view.queryResults?.getSelectedIndex() ?? undefined} .selected=${this.view.queryResults?.getSelectedIndex() ?? undefined}
@frigate-card:view:change=${(ev: CustomEvent) => changeDrawer(ev, 'close')} @frigate-card:view:change=${(ev: CustomEvent) => changeDrawer(ev, 'close')}
src/components/thumbnail-carousel.ts
+4 -1
View File
@@ -37,6 +37,9 @@ export class FrigateCardThumbnailCarousel extends LitElement {
@property({ attribute: false }) @property({ attribute: false })
public config?: ThumbnailsControlConfig; public config?: ThumbnailsControlConfig;
@property({ attribute: false })
public fadeThumbnails = false;
protected _thumbnailSlides: TemplateResult[] = []; protected _thumbnailSlides: TemplateResult[] = [];
protected willUpdate(changedProps: PropertyValues): void { protected willUpdate(changedProps: PropertyValues): void {
@@ -65,7 +68,7 @@ export class FrigateCardThumbnailCarousel extends LitElement {
if (changedProps.has('view')) { if (changedProps.has('view')) {
this.style.setProperty( this.style.setProperty(
'--frigate-card-carousel-thumbnail-opacity', '--frigate-card-carousel-thumbnail-opacity',
this._getSelectedSlide() === null ? '1.0' : '0.4', !this.fadeThumbnails || this._getSelectedSlide() === null ? '1.0' : '0.4',
); );
} }
} }