From 9b8bc7cb73c34421e21812bc6629719ff763db52 Mon Sep 17 00:00:00 2001 From: Scott Idem Date: Fri, 13 Mar 2026 19:48:23 -0400 Subject: [PATCH] feat(journals): redesign list + entry views with glow, dark mode, compact mobile-first layout - ae_comp__journal_obj_li: compact tap-target rows, glow wrapper, plain gray dark mode (no Skeleton paired utils) - +page.svelte (journals index): fix 'Managed by Account Name Not Set' bug, responsive spacing, glow on quick-add - ae_comp__journal_obj_id_view: glow wrapper, explicit bg-white/dark:bg-gray-900, remove broken dynamic color class - ae_comp__journal_entry_obj_li: glow wrapper, left-accent border on cards, fix dark mode hover - ae_comp__journal_entry_obj_id_view: glow wrapper, consistent gray dark mode, edit-mode ring indicator - ae_comp__journal_entry_header: replace Skeleton surface vars with plain grays (dark mode fix) - e_app_theme: fix theme selector panel readability in dark mode --- src/lib/app_components/e_app_theme.svelte | 8 +- src/routes/journals/+page.svelte | 27 +- .../ae_comp__journal_entry_header.svelte | 5 +- .../ae_comp__journal_entry_obj_id_view.svelte | 24 +- .../ae_comp__journal_entry_obj_li.svelte | 22 +- .../ae_comp__journal_obj_id_view.svelte | 36 +-- .../journals/ae_comp__journal_obj_li.svelte | 238 ++++++++---------- 7 files changed, 185 insertions(+), 175 deletions(-) diff --git a/src/lib/app_components/e_app_theme.svelte b/src/lib/app_components/e_app_theme.svelte index 556a3c71..497c3515 100644 --- a/src/lib/app_components/e_app_theme.svelte +++ b/src/lib/app_components/e_app_theme.svelte @@ -36,15 +36,17 @@ if ($ae_loc.app_cfg.theme_mode == 'light') { ae_app_theme hidden-print - bg-blue-100 text-gray-900 - dark:bg-blue-800 dark:text-gray-200 + bg-surface-100 dark:bg-surface-800 + text-surface-900 dark:text-surface-100 + border border-surface-200 dark:border-surface-700 flex flex-col flex-wrap gap-1 items-end justify-center w-72 max-w-72 p-1 - border-2 border-gray-200 + rounded-lg + shadow-md duration-300 delay-150 hover:delay-1000 hover:ease-out transition-all diff --git a/src/routes/journals/+page.svelte b/src/routes/journals/+page.svelte index 602f6813..e7ceaf53 100644 --- a/src/routes/journals/+page.svelte +++ b/src/routes/journals/+page.svelte @@ -99,35 +99,32 @@

- - Journals

-

- Managed by {$lq__account?.name ?? $ae_loc.account_name ?? 'Æ loading...'} - {#if $ae_loc.person.given_name} - • {$ae_loc.person.given_name} - {/if} -

+ + {#if $ae_loc.person.given_name || $ae_loc.person.family_name} +

+ + {[$ae_loc.person.given_name, $ae_loc.person.family_name].filter(Boolean).join(' ')} + +

+ {/if}
+
+
+ +
{#if $lq__journal_entry_obj && $lq__journal_obj} @@ -458,11 +469,13 @@
{/if} +
{/if}
+
diff --git a/src/routes/journals/ae_comp__journal_entry_obj_li.svelte b/src/routes/journals/ae_comp__journal_entry_obj_li.svelte index d353bde3..56795d61 100644 --- a/src/routes/journals/ae_comp__journal_entry_obj_li.svelte +++ b/src/routes/journals/ae_comp__journal_entry_obj_li.svelte @@ -123,8 +123,16 @@ ); +
+ +
{#if visible_journal_entry_obj_li === null} @@ -154,17 +162,18 @@ {#each visible_journal_entry_obj_li as journals_journal_entry_obj, index (journals_journal_entry_obj.journal_entry_id)}
{/if}
+
diff --git a/src/routes/journals/ae_comp__journal_obj_id_view.svelte b/src/routes/journals/ae_comp__journal_obj_id_view.svelte index 47b46e01..2c5f43fc 100644 --- a/src/routes/journals/ae_comp__journal_obj_id_view.svelte +++ b/src/routes/journals/ae_comp__journal_obj_id_view.svelte @@ -172,21 +172,28 @@ } -
+
+ +
+

- + {@html $lq__journal_obj?.name ?? 'Loading...'} {#if $ae_loc.edit_mode} @@ -247,8 +254,8 @@ p-2 w-full max-w-(--breakpoint-sm) md:max-w-(--breakpoint-md) font-mono - text-gray-900 - dark:bg-gray-700 dark:text-gray-100 + bg-gray-50 text-gray-900 + dark:bg-gray-800 dark:text-gray-100 shadow-md rounded-lg text-sm font-normal text-wrap word-break @@ -264,7 +271,8 @@ {@html $lq__journal_obj.description_md_html}

{/if} -
+
+
- -
- {#if $lq__journal_obj_li && $lq__journal_obj_li.length} - {#each $lq__journal_obj_li as journal, index (journal.journal_id)} -
- -
-
-
-
- -
-

- {journal.name} -

-
+ +
+ +
- {#if journal.type_code} - - {journal.type_code} - - {/if} -
- - - {#if journal.description && $ae_loc.edit_mode} -
- {@html journal.description_md_html} -
- {/if} - - -
-
- - {journal.journal_entry_count ?? 0} -
-
- - {ae_util.iso_datetime_formatter( - journal.updated_on || journal.created_on, - 'date_short' - )} -
-
-
- - -
+ {#if $lq__journal_obj_li && $lq__journal_obj_li.length} + {#each $lq__journal_obj_li as journal (journal.journal_id)} + - - - Open Journal - + +
+ +
- - {#if $ae_loc.edit_mode && $ae_loc.administrator_access} -
- - Created: {ae_util.iso_datetime_formatter( - journal.created_on, - 'datetime_iso_12_no_seconds' - )} + +
+
+ {journal.name}
- {/if} -
+
+ {#if journal.type_code} + + {journal.type_code} + + {/if} + + {#if journal.description && $ae_loc.edit_mode} + + {ae_util.strip_html ? ae_util.strip_html(journal.description).slice(0, 60) : journal.description.slice(0, 60)}… + + {/if} +
+
- - {#if $ae_loc.edit_mode} -
- {#if journal.hide} - 🚫 - {/if} - {#if !journal.enable} - ⚠️ + +
+
+ + {journal.journal_entry_count ?? 0}× +
+
+ + {ae_util.iso_datetime_formatter( + journal.updated_on || journal.created_on, + 'date_short' + )} +
+ {#if $ae_loc.edit_mode && $ae_loc.administrator_access} +
+ + {ae_util.iso_datetime_formatter( + journal.created_on, + 'date_short' + )} +
{/if}
- {/if} + + +
+ {/if} + +