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 {
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 {
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,
transparent 30px, transparent 50px
);
animation: ngd-ticker 4s linear infinite;
animation: ngd-ticker 2s linear infinite;
}
/* ── HDMI bridge ────────────────────────────────────────────── */
@@ -4766,7 +4766,7 @@ p:last-child { margin-bottom: 0; }
flex-shrink: 0;
background: #4CAF50;
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 {
flex: 1;
@@ -4790,7 +4790,7 @@ p:last-child { margin-bottom: 0; }
opacity: 0;
transform: scale(0.4);
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));
}
@@ -4817,7 +4817,7 @@ p:last-child { margin-bottom: 0; }
.ngd-cloud__path {
stroke: #4CAF50;
opacity: .85;
animation: ngd-cloud-color 10s ease-in-out infinite;
animation: ngd-cloud-color 5s ease-in-out infinite;
}
/* Vertical signal line */
.ngd-signal-line {
@@ -4827,14 +4827,14 @@ p:last-child { margin-bottom: 0; }
border-radius: 2px;
position: relative;
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 */
.ngd-signal__dots {
position: absolute;
inset: 0;
overflow: hidden;
animation: ngd-dots-vis 10s linear infinite;
animation: ngd-dots-vis 5s linear infinite;
}
.ngd-signal__dot {
position: absolute;
@@ -4844,7 +4844,7 @@ p:last-child { margin-bottom: 0; }
border-radius: 50%;
background: #4CAF50;
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--3 { animation-delay: -1.2s; }
@@ -4856,7 +4856,7 @@ p:last-child { margin-bottom: 0; }
transform: translate(-50%, -50%) scale(0);
width: 18px; height: 18px;
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));
}