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

Refactor thumbnail sizing.

Browse Source
This commit is contained in:
Dermot Duffy
2022-06-04 11:04:38 -07:00
parent c776758b5e
commit 42c8251c20
13 changed files with 104 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/thumbnail-carousel.scss
+10 -11
View File
@@ -1,13 +1,13 @@
@use "const.scss";
@use 'const.scss';
:host {
--frigate-card-carousel-thumbnail-opacity: 1.0;
--frigate-card-carousel-thumbnail-opacity: 1;
}
:host([direction=vertical]) {
:host([direction='vertical']) {
height: 100%;
}
:host([direction=horizontal]) {
:host([direction='horizontal']) {
// In fullscreen mode, without explicitly setting the height to auto Chrome
// will construct a stylesheet with 100% height.
height: auto;
@@ -19,14 +19,13 @@
transition: opacity 0.6s ease;
}
.embla__slide.slide-selected {
opacity: 1.0;
opacity: 1;
}
frigate-card-thumbnail[details] {
width: var(--frigate-card-thumbnail-details-width);
height: var(--frigate-card-thumbnail-size);
}
frigate-card-thumbnail:not([details]) {
frigate-card-thumbnail {
width: var(--frigate-card-thumbnail-size);
height: var(--frigate-card-thumbnail-size);
}
}
frigate-card-thumbnail[details] {
width: var(--frigate-card-thumbnail-details-width);
}