Work on some layout and placement issues with the Journal cfg edit, sys menu, and debug menu. Wrapping up for the week. Long vacation weekend finally!

src/lib/ae_journals/ae_journals_stores.ts

@@ -70,13 +70,15 @@ let journals_session_data_struct: key_val = {
     trigger__journal_id: null,
     // trigger__journal_li: null,
 
-    show__modal_edit__journal_id: false,
+    show__modal_edit__journal_obj: false,
     show__modal_new__journal_obj: false,
     show__modal_view__journal_id: null,
     show_list__journal_entry_li_group: true,
     show__modal_view__journal_entry_id: null,
     show__modal_edit__journal_entry_id: null,
 
+    show__modal_edit__journal_obj: false,
+
     show__content__journal_entry_history: false,
 
     journal: {

src/lib/e_app_debug_menu.svelte

@@ -38,7 +38,12 @@ hover:opacity-100 -->
 <!-- text-slate-400 hover:text-slate-800 -->
 <section
     class="
+        ae_app__debug_menu
+
+        hidden-print
+        z-50
         absolute bottom-0 left-0
+
         flex
         text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
 
@@ -53,7 +58,7 @@ hover:opacity-100 -->
         transition-delay-1000
         transition-duration-1000
         ease-in
-        z-50
+
 
         border-2
         border-red-300 dark:border-red-700

src/lib/e_app_sys_menu.svelte

@@ -84,15 +84,16 @@ max-w-max -->
 <!-- We need to be able to hide the menu button in certain situations. Mainly iframes. -->
 <section
     class="
-        absolute bottom-6 right-0
         hidden-print
-
-        w-min
-        max-w-md
+        z-50
+        absolute bottom-0 right-0
 
         opacity-60
         hover:opacity-100
-        z-50
+        active:opacity-100
+
+        w-min
+        max-w-md
 
         flex flex-col-reverse gap-1
         items-end justify-center
@@ -102,6 +103,7 @@ max-w-max -->
         bg-transparent
         dark:text-slate-400 dark:hover:text-slate-200
         hover:bg-blue-200/50 hover:dark:bg-blue-900
+        active:bg-blue-300/50 active:dark:bg-blue-800
 
         border-2
         border-blue-300/20 dark:border-blue-700
@@ -407,7 +409,8 @@ max-w-max -->
          <!-- bg-white dark:bg-gray-800 -->
 <div
     class="
-        ae_app__menu
+        ae_app__sys_menu
+
         hidden-print
         flex flex-col
         items-end

src/routes/journals/[journal_id]/+layout.svelte

@@ -412,7 +412,7 @@ async function handle_update_journal() {
 
 
 <!-- Modal for editing journal -->
-{#if $journals_sess.show__modal_edit__journal_obj}
+<!-- {#if $journals_sess.show__modal_edit__journal_obj} -->
 <Modal
     title="Edit Journal"
     bind:open={$journals_sess.show__modal_edit__journal_obj}
@@ -1476,4 +1476,4 @@ async function handle_update_journal() {
         </div>
     </div>
 </Modal>
-{/if}
+<!-- {/if} -->

src/routes/journals/[journal_id]/+page.svelte

@@ -229,7 +229,7 @@ if (browser) {
 <!-- Modal: Journal edit ID -->
 <Modal
     title="{$lq__journal_obj?.name} - {$lq__journal_obj?.id}"
-    bind:open={$journals_sess.show__modal_edit__journal_id}
+    bind:open={$journals_sess.show__modal_edit__journal_obj}
     autoclose={false}
     placement="top-center"
     size="xl"
@@ -245,15 +245,11 @@ if (browser) {
                     <button
                         type="button"
                         onclick={() => {
-                        // const url = new URL(location);
-                        // url.searchParams.set('event_id', $lq__journal_obj?.event_id_random);
-                        // history.pushState({}, '', url);
-
-                        $journals_sess.show__modal_view__journal_id = $journals_slct.journal_id;
-                        $journals_sess.show__modal_edit__journal_id = false;
-                    }}
+                            $journals_sess.show__modal_view__journal_id = $journals_slct.journal_id;
+                            $journals_sess.show__modal_edit__journal_obj = false;
+                        }}
                         class="novi_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
-                        title={`View meeting: ${$lq__journal_obj?.name}`}
+                        title={`View journal: ${$lq__journal_obj?.name}`}
                         >
                         <span class="fas fa-eye m-1"></span> View
                     </button>
@@ -270,6 +266,8 @@ if (browser) {
 
     {/snippet}
 
+    NO LONGER USED
+
 </Modal>
 
 {:else}