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

Rename event cursor to event time display and update styles for improved visibility

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-21 13:13:03 -05:00
parent df794be0d8
commit 5783fa7ebc
2 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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--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-title--accent::after { animation: uc-event-shimmer 2.2s linear infinite 1.1s; }
.uc-event-cursor { .uc-event-time-now {
position: absolute; position: absolute;
top: 32px; top: 28px;
left: 26px; left: 26px;
width: 1.5px;
height: calc(100% - 44px);
background: var(--color-accent); 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; 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 { @keyframes uc-event-shimmer {
0% { transform: translateX(-150%); } 0% { transform: translateX(-150%); }
100% { transform: translateX(250%); } 100% { transform: translateX(250%); }
} }
@keyframes uc-event-cursor-move { @keyframes uc-event-time-pulse {
0%, 10% { left: 26px; opacity: .5; } 0%, 100% { box-shadow: 0 0 0 0 rgba(var(--color-accent-rgb, 255, 107, 29), 0.7); }
50% { left: calc(100% - 22px); opacity: .9; } 50% { box-shadow: 0 0 0 3px rgba(var(--color-accent-rgb, 255, 107, 29), 0); }
90%, 100%{ left: 26px; opacity: .5; }
} }
/* ══════════════════════════════════ /* ══════════════════════════════════
@@ -4535,7 +4547,7 @@ p:last-child { margin-bottom: 0; }
.uc-menu-row--highlight .uc-menu-price, .uc-menu-row--highlight .uc-menu-price,
.uc-event-title--active::after, .uc-event-title--active::after,
.uc-event-title--accent::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-db-bar--1, .uc-db-bar--2, .uc-db-bar--3, .uc-db-bar--4,
.uc-wf-dot::after, .uc-wf-dot::after,
.uc-wf-arrow { animation: none !important; } .uc-wf-arrow { animation: none !important; }

2
theme/blocks/index.php
View File

@@ -1928,7 +1928,7 @@ function oribi_uc_anim_inner( $mod ) {
case 'event': case 'event':
return ' return '
<div class="uc-inner uc-inner--event" aria-hidden="true"> <div class="uc-inner uc-inner--event" aria-hidden="true">
<div class="uc-event-cursor"></div> <div class="uc-event-time-now">NOW <span class="uc-event-time-now-val">10:45</span></div>
<div class="uc-event-header">Schedule</div> <div class="uc-event-header">Schedule</div>
<div class="uc-event-row"> <div class="uc-event-row">
<div class="uc-event-time">9:00</div> <div class="uc-event-time">9:00</div>