Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweaking the colors and timing for the Session Menu in the Launcher

Browse Source
This commit is contained in:
Scott Idem
2026-04-20 13:33:54 -04:00
parent ef5188aa6d
commit 6c6fccdfb4
1 changed files with 19 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/routes/events/[event_id]/(launcher)/menu_session_list.svelte
View File

@@ -113,7 +113,7 @@ let ae_promises: key_val = $state({
// focus on a row for over a second before it fires — still fast for intentional use.
// NOTE: hover-timer only triggers a data PRE-LOAD (preview). The session does not
// actually switch until the operator clicks. See onclick handler below.
let hover_timer_wait = 1200;
let hover_timer_wait = 1400;
let hover_timer: any = $state(null);
// Navigation Shield Pattern (Refactored 2026-02-11)
@@ -243,30 +243,26 @@ $effect(() => {
$events_slct.event_file_obj = null;
}}
class="
session-btn
btn btn-sm
focus-visible:ring-primary-400 m-0 flex
session-btn
btn btn-sm
focus-visible:ring-primary-400 m-0 flex
w-full
max-w-full flex-row
items-center
justify-start
rounded-md px-1.5
w-full
max-w-full flex-row
items-center
justify-start
rounded-md px-1.5
py-1
text-left text-sm transition-colors duration-200
focus-visible:ring-2 focus-visible:ring-offset-1
"
class:preset-filled-primary={slct__event_session_id ===
event_session_obj?.id}
class:preset-tonal-secondary={slct__event_session_id !=
event_session_obj?.id}
class:border-secondary-500={slct__event_session_id !=
event_session_obj?.id}
class:font-bold={slct__event_session_id ===
event_session_obj?.id}
class:opacity-40={event_session_obj?.hide ||
event_session_obj?.hide_event_launcher}
py-1
text-left text-sm transition-colors duration-200
focus-visible:ring-2 focus-visible:ring-offset-1
"
class:font-bold={slct__event_session_id === event_session_obj?.id}
class:preset-tonal-primary={slct__event_session_id === event_session_obj?.id}
class:preset-outlined-primary-200-800={slct__event_session_id === event_session_obj?.id}
class:preset-tonal-secondary={slct__event_session_id != event_session_obj?.id}
class:preset-outlined-secondary-200-800={slct__event_session_id != event_session_obj?.id}
class:opacity-40={event_session_obj?.hide || event_session_obj?.hide_event_launcher}
title={`Session: ${event_session_obj?.name}\nID: ${event_session_obj?.id} | ${ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, $events_loc.launcher.time_format)}`}>
<!-- Session row layout: [date column | session name]
Date column is fixed-width (shrink-0) so name column always