Update script handle and description for gallery TV slideshow in enqueue.php

This commit is contained in:
Matt Batchelder
2026-02-21 14:11:56 -05:00
parent 2edbf9732b
commit 2826a3ec4a
6 changed files with 170 additions and 928 deletions

View File

@@ -5424,10 +5424,10 @@ p:last-child { margin-bottom: 0; }
}
/* ═══════════════════════════════════════════════════════════════
INDUSTRY MOCKUP ANIMATIONS (.platform-visual.has-industry)
GALLERY TV SLIDESHOW (.platform-visual.has-gallery-tv)
═══════════════════════════════════════════════════════════════ */
.platform-visual.has-industry {
.platform-visual.has-gallery-tv {
background: none !important;
border: none !important;
border-radius: 0;
@@ -5438,93 +5438,76 @@ p:last-child { margin-bottom: 0; }
font-size: inherit;
}
.ind-stage {
.gtv-stage {
width: 100%;
max-width: 480px;
max-width: 520px;
margin: 0 auto;
}
.ind-stage svg {
/* TV frame (mirrors dashboard-tv pattern) */
.gtv-tv {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
}
.gtv-tv__body {
width: 100%;
background: #111;
border: 4px solid #111;
border-radius: 6px 6px 4px 4px;
outline: 1px solid #000;
padding: 3px;
position: relative;
box-shadow: 0 14px 48px rgba(0,0,0,0.55);
}
.gtv-tv__screen {
width: 100%;
aspect-ratio: 16/9;
background: var(--color-bg);
border-radius: 2px;
overflow: hidden;
position: relative;
}
.gtv-tv__feet {
display: flex;
justify-content: space-between;
width: 60%;
max-width: 300px;
}
.gtv-tv__foot {
width: 12px;
height: 8px;
background: #111;
border: 1px solid #000;
border-radius: 0 0 4px 4px;
}
/* Slides */
.gtv-slides {
position: relative;
width: 100%;
height: 100%;
}
.gtv-slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.8s ease;
}
.gtv-slide.is-active {
opacity: 1;
}
.gtv-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: var(--radius-md);
box-shadow: 0 8px 32px rgba(0,0,0,.3);
}
/* Subtle glow around active screens */
.ind-stage svg rect[fill="#1c2333"] {
transition: filter .6s ease;
}
/* Animated content transitions */
.ind-menu-price,
.ind-sale-tag,
.ind-footfall-val,
.ind-kpi-val,
.ind-meet-status,
.ind-alert-text,
.ind-weather-icon,
.ind-weather-temp,
.ind-busy-label,
.ind-ld-val,
.ind-ld-alert-text {
transition: opacity .3s ease;
}
.ind-menu-bar,
.ind-rev-bar,
.ind-vendor-bar,
.ind-ld-bar {
transition: height .4s ease, y .4s ease;
}
.ind-product-slot {
transition: stroke-width .3s ease;
}
.ind-sched-slot {
transition: opacity .4s ease, stroke .3s ease;
}
.ind-wf-dot {
transition: opacity .5s ease;
}
.ind-alert-bar {
transition: opacity .4s ease;
}
.ind-meet-dot,
.ind-busy-dot,
.ind-ld-alert {
transition: fill .4s ease;
}
.ind-corp-line,
.ind-ld-line {
transition: d .3s ease;
}
.ind-ld-pie {
transition: d .4s ease;
}
/* ── Reduced-motion overrides for industry animations ── */
/* ── Reduced-motion overrides for gallery TV ── */
@media (prefers-reduced-motion: reduce) {
.ind-menu-bar,
.ind-rev-bar,
.ind-vendor-bar,
.ind-ld-bar,
.ind-product-slot,
.ind-sched-slot,
.ind-wf-dot,
.ind-alert-bar,
.ind-corp-line,
.ind-ld-line,
.ind-ld-pie,
.ind-meet-dot,
.ind-busy-dot,
.ind-ld-alert {
.gtv-slide {
transition: none !important;
}
}