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. // 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 // NOTE: hover-timer only triggers a data PRE-LOAD (preview). The session does not
// actually switch until the operator clicks. See onclick handler below. // 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); let hover_timer: any = $state(null);
// Navigation Shield Pattern (Refactored 2026-02-11) // Navigation Shield Pattern (Refactored 2026-02-11)
@@ -243,30 +243,26 @@ $effect(() => {
$events_slct.event_file_obj = null; $events_slct.event_file_obj = null;
}} }}
class=" class="
session-btn session-btn
btn btn-sm btn btn-sm
focus-visible:ring-primary-400 m-0 flex focus-visible:ring-primary-400 m-0 flex
w-full w-full
max-w-full flex-row max-w-full flex-row
items-center items-center
justify-start justify-start
rounded-md px-1.5 rounded-md px-1.5
py-1 py-1
text-left text-sm transition-colors duration-200 text-left text-sm transition-colors duration-200
focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-2 focus-visible:ring-offset-1
" "
class:preset-filled-primary={slct__event_session_id === class:font-bold={slct__event_session_id === event_session_obj?.id}
event_session_obj?.id} class:preset-tonal-primary={slct__event_session_id === event_session_obj?.id}
class:preset-tonal-secondary={slct__event_session_id != class:preset-outlined-primary-200-800={slct__event_session_id === event_session_obj?.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 != class:preset-outlined-secondary-200-800={slct__event_session_id != event_session_obj?.id}
event_session_obj?.id} class:opacity-40={event_session_obj?.hide || event_session_obj?.hide_event_launcher}
class:font-bold={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)}`}> 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] <!-- Session row layout: [date column | session name]
Date column is fixed-width (shrink-0) so name column always Date column is fixed-width (shrink-0) so name column always