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

Saving work...

Browse Source
This commit is contained in:
Scott Idem
2025-04-30 18:25:02 -04:00
parent 4906e45b61
commit 9e4a67941e
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/routes/journals/[journal_id]/+layout.svelte
View File

@@ -471,6 +471,31 @@ async function handle_update_journal() {
</select>
</div>
<!-- Select hover max height options (Tailwind CSS) -->
<div>
<span class="text-sm text-gray-500 hidden sm:inline">
Journal Entry List Hover Max Height:
</span>
<select
bind:value={$journals_slct.tmp_journal_obj.cfg_json.entry_li_hover_max_height}
onchange={(event) => {
$journals_slct.tmp_journal_obj.cfg_json.entry_li_hover_max_height = event.target.value;
console.log('Selected max height:', $journals_slct.tmp_journal_obj.cfg_json.entry_li_hover_max_height);
}}
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition text-xs w-full mb-2 max-w-48"
title="Select maximum height for journal entries in the list"
>
<option value="">Default (auto)</option>
<!-- <option value="none">None (no limit)</option> -->
<option value="hover:max-h-8">Small (8)</option>
<option value="hover:max-h-16">Medium (16)</option>
<option value="hover:max-h-32">Large (32)</option>
<option value="hover:max-h-96">Extra Large (96)</option>
<option value="hover:max-h-full">Full (no limit)</option>
</select>
</div>
<!-- Select color scheme for the journal entries -->
<!-- Should select from the common Tailwind CSS options. Examples: slate, blue, gray, green, orange, red, yellow, etc. -->
<!-- Saves to cfg_json.color_scheme -->

1
src/routes/journals/ae_comp__journal_entry_obj_li.svelte
View File

@@ -435,6 +435,7 @@ $effect(() => {
hover:z-10 hover:h-auto hover:max-h-full
hover:bg-blue-100 hover:border-blue-500 dark:hover:border-blue-500
{$journals_slct.journal_obj.cfg_json.entry_li_max_height ? `${$journals_slct.journal_obj.cfg_json.entry_li_max_height} overflow-scroll` : ''}
{$journals_slct.journal_obj.cfg_json.entry_li_hover_max_height ? `${$journals_slct.journal_obj.cfg_json.entry_li_hover_max_height}` : ''}
"
>
{@html journals_journal_entry_obj.content}