Dermot Duffy
6b3736bdaf
- Closes #1818 **Why add this?**: A repeated pattern is that an issue is fixed in the card, a new build is released and users will incorrectly believe it's not yet fixed due to their browser caching the old code. This results in wasting their time, and my time. **But it's obnoxious!**: I'm pretty sensitive to this (hence adding these messages!), so let me know how terrible you find it. You can disable it with: ```yaml performance: features: card_loading_indicator: false ```
42 lines
633 B
SCSS
42 lines
633 B
SCSS
:host {
|
|
width: intrinsic;
|
|
height: intrinsic;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
pointer-events: none;
|
|
|
|
background-color: var(--frigate-card-loading-background-color);
|
|
color: var(--frigate-card-loading-foreground-color);
|
|
|
|
transition: opacity 1.5s ease-in;
|
|
opacity: 1;
|
|
}
|
|
|
|
:host([loaded]) {
|
|
opacity: 0;
|
|
}
|
|
|
|
frigate-card-icon {
|
|
margin-bottom: 20px;
|
|
height: 25%;
|
|
width: auto;
|
|
animation: rotate 8s linear infinite;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
span {
|
|
font-size: x-large;
|
|
}
|