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

More significant updates to the general layout and styling per module.

Browse Source
This commit is contained in:
Scott Idem
2025-06-26 14:39:30 -04:00
parent ce59a848d6
commit 1f46b51c9a
12 changed files with 205 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/routes/idaa/+layout.svelte
View File

@@ -182,6 +182,15 @@ $effect(() => {
// });
});
// if (browser) {
// $idaa_loc.novi_uuid = data.params.uuid;
// $idaa_loc.novi_email = decodeURIComponent(data.params.email);
// $idaa_loc.novi_full_name = decodeURIComponent(data.params.full_name);
// // $idaa_loc.novi_admin_li = novi_admin_li;
// // $idaa_loc.novi_trusted_li = novi_trusted_li;
// console.log(`$idaa_loc.novi_uuid:`, $idaa_loc.novi_uuid);
// }
</script>
<svelte:head>
@@ -196,7 +205,12 @@ $effect(() => {
bind:this={box}
onscroll={parse_scroll}
class:iframe={$ae_loc?.iframe}
class="ae_idaa h-full max-h-full max-w-6xl overflow-auto flex flex-col gap-1 m-auto"
class="
ae_idaa
h-full max-h-full max-w-6xl overflow-auto
flex flex-col gap-1
m-auto
"
>
<nav
@@ -299,16 +313,19 @@ $effect(() => {
</div>
<!-- </AppShell> -->
<!-- bottom-4 -->
<button
class="ae_idaa__recovery_meetings__scroll_top_btn btn btn-sm btn-secondary preset-tonal-surface fixed bottom-4 right-24 z-50 opacity-75 hover:opacity-100"
class:hidden={yTop < 600}
class="ae_idaa__recovery_meetings__scroll_top_btn btn btn-sm btn-secondary preset-tonal-surface fixed top-1/2 right-1 z-50 opacity-75 hover:opacity-100"
class:hidden={yTop < 750}
class:ae_btn_warning_outlined={is_safari}
class:ae_btn_success_outlined={!is_safari}
class:ae_btn_warning_filled={yTop > 1500}
onclick={() => {
log_lvl = 1;
if (log_lvl) {
console.log(`Scroll to top button clicked. scroll_y: ${scroll_y} scrollTop: ${scroll_container().scrollTop}`, scroll_container());
// document.getElementById('ae_idaa')?.scrollTo(0, 0);
// document.documentElement?.scrollTo(0, 0);
// document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
// document.body.scrollTop = 0; // For Safari
}
@@ -316,48 +333,13 @@ $effect(() => {
if (is_safari) {
console.log('Safari detected, not using smooth scroll to top');
document.getElementById('ae_idaa')?.scrollTo(0, 0);
// document.documentElement?.scrollTo(0, 0);
// document.body?.scrollTo(0, 0); // For Safari
// if ($ae_loc.edit_mode) {
// // If in edit mode, scroll to the top of the page
// document.getElementById('ae_idaa')?.scrollTo(0, 0);
// } else {
// // If not in edit mode, scroll to the top of document element
// document.documentElement?.scrollTo(0, 0);
// }
} else {
console.log('Not Safari, using smooth scroll to top');
document.getElementById('ae_idaa')?.scrollTo({
top: 0,
behavior: 'smooth'
});
// if ($ae_loc.edit_mode) {
// document.getElementById('ae_idaa')?.scrollTo({
// top: 0,
// behavior: 'smooth'
// });
// } else {
// document.documentElement?.scrollTo({
// top: 0,
// behavior: 'smooth'
// });
// }
}
// go_top();
// window.scrollTo({ top: 0, behavior: 'smooth' });
// window.scrollTo({ top: 0, behavior: 'smooth' });
// document.body.scrollIntoView();
// document.body.scrollTop = 0; // For Safari
// console.l
// scroll_y = 0;
}}
title="Scroll to top"
>