From 5783fa7ebc61df6b428bb1a9cf067d44e809a37c Mon Sep 17 00:00:00 2001 From: Matt Batchelder Date: Sat, 21 Feb 2026 13:13:03 -0500 Subject: [PATCH] Rename event cursor to event time display and update styles for improved visibility --- theme/assets/css/main.css | 34 +++++++++++++++++++++++----------- theme/blocks/index.php | 2 +- 2 files changed, 24 insertions(+), 12 deletions(-) diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css index 5c763d1..678440c 100644 --- a/theme/assets/css/main.css +++ b/theme/assets/css/main.css @@ -4343,26 +4343,38 @@ p:last-child { margin-bottom: 0; } .uc-event-title--active::after { animation: uc-event-shimmer 2.2s linear infinite; } .uc-event-title--accent::after { animation: uc-event-shimmer 2.2s linear infinite 1.1s; } -.uc-event-cursor { +.uc-event-time-now { position: absolute; - top: 32px; + top: 28px; left: 26px; - width: 1.5px; - height: calc(100% - 44px); background: var(--color-accent); - opacity: .75; + color: #fff; + font-size: 7px; + font-weight: 700; + padding: 2px 5px; + border-radius: 2px; + white-space: nowrap; pointer-events: none; - animation: uc-event-cursor-move 4s ease-in-out infinite; + display: flex; + align-items: center; + gap: 3px; + letter-spacing: 0.3px; + animation: uc-event-time-pulse 2s ease-in-out infinite; +} +.uc-event-time-now-val { + font-family: 'Monaco', 'Courier New', monospace; + font-size: 8px; + font-weight: 700; + letter-spacing: 0px; } @keyframes uc-event-shimmer { 0% { transform: translateX(-150%); } 100% { transform: translateX(250%); } } -@keyframes uc-event-cursor-move { - 0%, 10% { left: 26px; opacity: .5; } - 50% { left: calc(100% - 22px); opacity: .9; } - 90%, 100%{ left: 26px; opacity: .5; } +@keyframes uc-event-time-pulse { + 0%, 100% { box-shadow: 0 0 0 0 rgba(var(--color-accent-rgb, 255, 107, 29), 0.7); } + 50% { box-shadow: 0 0 0 3px rgba(var(--color-accent-rgb, 255, 107, 29), 0); } } /* ══════════════════════════════════ @@ -4535,7 +4547,7 @@ p:last-child { margin-bottom: 0; } .uc-menu-row--highlight .uc-menu-price, .uc-event-title--active::after, .uc-event-title--accent::after, - .uc-event-cursor, + .uc-event-time-now, .uc-db-bar--1, .uc-db-bar--2, .uc-db-bar--3, .uc-db-bar--4, .uc-wf-dot::after, .uc-wf-arrow { animation: none !important; } diff --git a/theme/blocks/index.php b/theme/blocks/index.php index a5f9a6a..004b0a1 100644 --- a/theme/blocks/index.php +++ b/theme/blocks/index.php @@ -1928,7 +1928,7 @@ function oribi_uc_anim_inner( $mod ) { case 'event': return '