OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Reduce animation durations for menu highlight, ticker, LED, and signal effects

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-21 12:36:59 -05:00
parent e5c3be6ec5
commit c4f3d7e881
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
theme/assets/css/main.css
View File

@@ -4692,7 +4692,7 @@ p:last-child { margin-bottom: 0; }
} }
.ngd-menu__row--hl { .ngd-menu__row--hl {
background: rgba(76,175,80,.14); background: rgba(76,175,80,.14);
animation: ngd-hl-pulse 3.5s ease-in-out infinite; animation: ngd-hl-pulse 1.75s ease-in-out infinite;
} }
.ngd-menu__name { .ngd-menu__name {
flex: 1; height: 4px; flex: 1; height: 4px;
@@ -4726,7 +4726,7 @@ p:last-child { margin-bottom: 0; }
rgba(76,175,80,.5) 0px, rgba(76,175,80,.5) 30px, rgba(76,175,80,.5) 0px, rgba(76,175,80,.5) 30px,
transparent 30px, transparent 50px transparent 30px, transparent 50px
); );
animation: ngd-ticker 4s linear infinite; animation: ngd-ticker 2s linear infinite;
} }
/* ── HDMI bridge ────────────────────────────────────────────── */ /* ── HDMI bridge ────────────────────────────────────────────── */
@@ -4766,7 +4766,7 @@ p:last-child { margin-bottom: 0; }
flex-shrink: 0; flex-shrink: 0;
background: #4CAF50; background: #4CAF50;
box-shadow: 0 0 6px rgba(76,175,80,.8); box-shadow: 0 0 6px rgba(76,175,80,.8);
animation: ngd-led 10s ease-in-out infinite; animation: ngd-led 5s ease-in-out infinite;
} }
.ngd-player__brand { .ngd-player__brand {
flex: 1; flex: 1;
@@ -4790,7 +4790,7 @@ p:last-child { margin-bottom: 0; }
opacity: 0; opacity: 0;
transform: scale(0.4); transform: scale(0.4);
transform-origin: center; transform-origin: center;
animation: ngd-check-show 10s ease-in-out infinite; animation: ngd-check-show 5s ease-in-out infinite;
filter: drop-shadow(0 0 4px rgba(76,175,80,.6)); filter: drop-shadow(0 0 4px rgba(76,175,80,.6));
} }
@@ -4817,7 +4817,7 @@ p:last-child { margin-bottom: 0; }
.ngd-cloud__path { .ngd-cloud__path {
stroke: #4CAF50; stroke: #4CAF50;
opacity: .85; opacity: .85;
animation: ngd-cloud-color 10s ease-in-out infinite; animation: ngd-cloud-color 5s ease-in-out infinite;
} }
/* Vertical signal line */ /* Vertical signal line */
.ngd-signal-line { .ngd-signal-line {
@@ -4827,14 +4827,14 @@ p:last-child { margin-bottom: 0; }
border-radius: 2px; border-radius: 2px;
position: relative; position: relative;
overflow: visible; overflow: visible;
animation: ngd-line-col 10s ease-in-out infinite; animation: ngd-line-col 5s ease-in-out infinite;
} }
/* Dots container — hidden during break phase */ /* Dots container — hidden during break phase */
.ngd-signal__dots { .ngd-signal__dots {
position: absolute; position: absolute;
inset: 0; inset: 0;
overflow: hidden; overflow: hidden;
animation: ngd-dots-vis 10s linear infinite; animation: ngd-dots-vis 5s linear infinite;
} }
.ngd-signal__dot { .ngd-signal__dot {
position: absolute; position: absolute;
@@ -4844,7 +4844,7 @@ p:last-child { margin-bottom: 0; }
border-radius: 50%; border-radius: 50%;
background: #4CAF50; background: #4CAF50;
box-shadow: 0 0 5px rgba(76,175,80,.8); box-shadow: 0 0 5px rgba(76,175,80,.8);
animation: ngd-dot-up 1.8s ease-in-out infinite; animation: ngd-dot-up 0.9s ease-in-out infinite;
} }
.ngd-signal__dot--2 { animation-delay: -0.6s; } .ngd-signal__dot--2 { animation-delay: -0.6s; }
.ngd-signal__dot--3 { animation-delay: -1.2s; } .ngd-signal__dot--3 { animation-delay: -1.2s; }
@@ -4856,7 +4856,7 @@ p:last-child { margin-bottom: 0; }
transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
width: 18px; height: 18px; width: 18px; height: 18px;
opacity: 0; opacity: 0;
animation: ngd-break-show 10s ease-in-out infinite; animation: ngd-break-show 5s ease-in-out infinite;
filter: drop-shadow(0 0 4px rgba(239,68,68,.5)); filter: drop-shadow(0 0 4px rgba(239,68,68,.5));
} }