mirror of
https://github.com/stashapp/stash.git
synced 2025-12-22 00:06:29 +01:00
ea2fcd9d7f
* Refactor interactive into context * Stop the interactive device when leaving page * Show interactive state if not ready * Handle navigation and looping
35 lines
578 B
SCSS
35 lines
578 B
SCSS
div.scene-interactive-status {
|
|
opacity: 0.75;
|
|
padding: 0.75rem;
|
|
position: absolute;
|
|
|
|
&.interactive-status-disconnected,
|
|
&.interactive-status-error svg {
|
|
color: $danger;
|
|
}
|
|
|
|
&.interactive-status-connecting svg,
|
|
&.interactive-status-syncing svg,
|
|
&.interactive-status-uploading svg {
|
|
animation: 1s ease 0s infinite alternate fadepulse;
|
|
color: $warning;
|
|
}
|
|
|
|
&.interactive-status-ready svg {
|
|
color: $success;
|
|
}
|
|
|
|
.status-text {
|
|
margin-left: 0.5rem;
|
|
}
|
|
}
|
|
|
|
@keyframes fadepulse {
|
|
0% {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|