diff --git a/src/components/viewer.ts b/src/components/viewer.ts index fd030904..945d74ec 100644 --- a/src/components/viewer.ts +++ b/src/components/viewer.ts @@ -12,7 +12,7 @@ import { customElement, property } from 'lit/decorators.js'; import { guard } from 'lit/directives/guard.js'; import { ifDefined } from 'lit/directives/if-defined.js'; import { createRef, Ref, ref } from 'lit/directives/ref.js'; -import basicBlockStyle from '../../scss/basic-block.scss'; +import basicBlockStyle from '../scss/basic-block.scss'; import { CameraManager } from '../camera-manager/manager.js'; import { dispatchMessageEvent, renderProgressIndicator } from '../components/message.js'; import { localize } from '../localize/localize.js'; diff --git a/src/const.ts b/src/const.ts index bfa27ea3..4cda24fe 100644 --- a/src/const.ts +++ b/src/const.ts @@ -287,7 +287,7 @@ export const MEDIA_PLAYER_SUPPORT_BROWSE_MEDIA = 131072; // The number of media items to fetch at a time (for clips/snapshot views, and // gallery chunks). Smaller values will cause more frequent smaller fetches, but // improved rendering performance. -export const MEDIA_CHUNK_SIZE_DEFAULT = 500; +export const MEDIA_CHUNK_SIZE_DEFAULT = 50; export const MEDIA_CHUNK_SIZE_MAX = 1000; export const FRIGATE_BUTTON_MENU_ICON = 'frigate'; diff --git a/src/scss/media-grid.scss b/src/scss/media-grid.scss index a6b9b49c..9efa5f6c 100644 --- a/src/scss/media-grid.scss +++ b/src/scss/media-grid.scss @@ -43,6 +43,10 @@ var(--frigate-card-grid-column-size) ) ); + + // When at item is selected, it may be enlarged -- it should render "in-front" + // of the other cameras that will then "move out of the way". + z-index: 2; } slot {