From 95508458f694ec56e5b47db475382f547d9e6175 Mon Sep 17 00:00:00 2001 From: Scott Idem Date: Fri, 6 Mar 2026 21:35:06 -0500 Subject: [PATCH] ui: hide Session Search nav on its own page, dark mode file list, font size cycler MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - event_page_menu: set events__session_search=false — the Session Search nav link was redundantly appearing on the Session Search page itself - element_manage_event_file_li: replace hardcoded gray hover colors with theme-aware surface tokens (hover:bg-surface-100-900, border-surface-200-800) and add transition-colors; fixes light-on-light in dark mode for the file list table rows and Event File Purpose select element - font size cycler (default → larger → smaller → default): - ae_stores: add font_size_mode: 'default' to ae_loc defaults - app.css: html.font-size-larger (112.5%) and html.font-size-smaller (87.5%) - +layout.svelte: DOM effect applies/removes font-size-* class on - e_app_sys_menu: compact A / A+ / A− button cycles the mode --- src/app.css | 6 ++++ src/lib/app_components/e_app_sys_menu.svelte | 36 +++++++++++++++++++ .../element_manage_event_file_li.svelte | 4 +-- src/lib/stores/ae_stores.ts | 1 + src/routes/+layout.svelte | 9 +++++ .../(pres_mgmt)/event_page_menu.svelte | 2 +- 6 files changed, 55 insertions(+), 3 deletions(-) diff --git a/src/app.css b/src/app.css index 24445e4e..3ef06673 100644 --- a/src/app.css +++ b/src/app.css @@ -137,6 +137,12 @@ body { /* font-family: 'Noto Sans', sans-serif; */ } +/* Font size accessibility modes — cycled via the font size button in the sys menu. + Applied as a class on by the layout DOM effect. + The 'default' mode has no class (browser default, typically 16px). */ +html.font-size-larger { font-size: 112.5%; } /* ~18px base */ +html.font-size-smaller { font-size: 87.5%; } /* ~14px base */ + html.super_access #appShell { background-color: hsla(0, 100%, 50%, 0.5); } diff --git a/src/lib/app_components/e_app_sys_menu.svelte b/src/lib/app_components/e_app_sys_menu.svelte index 97fe74af..ada94f36 100644 --- a/src/lib/app_components/e_app_sys_menu.svelte +++ b/src/lib/app_components/e_app_sys_menu.svelte @@ -385,6 +385,42 @@ max-w-max --> {/if} + + + diff --git a/src/lib/elements/element_manage_event_file_li.svelte b/src/lib/elements/element_manage_event_file_li.svelte index 9c975ecd..4aaa7094 100644 --- a/src/lib/elements/element_manage_event_file_li.svelte +++ b/src/lib/elements/element_manage_event_file_li.svelte @@ -176,7 +176,7 @@ {#each $lq__event_file_obj_li as event_file_obj (event_file_obj.event_file_id)} @@ -555,7 +555,7 @@ // ae_triggers.update_event_file_purpose = true; }} - class="select min-w-fit max-w-fit text-xs mx-1 border border-gray-300 rounded-md p-1 hover:border-gray-400" + class="select min-w-fit max-w-fit text-xs mx-1 border border-surface-300-700 rounded-md p-1 bg-surface-50-900 hover:border-surface-400-600 transition-colors duration-200" >