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

More work on scrolling.

Browse Source
This commit is contained in:
Scott Idem
2025-09-18 12:02:36 -04:00
parent 623b62f716
commit d6204d983a
5 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app.html
View File

@@ -21,7 +21,8 @@
%sveltekit.head% %sveltekit.head%
</head> </head>
<!-- h-full w-full overflow-auto --> <!-- h-full w-full overflow-auto -->
<body data-sveltekit-preload-data="hover" class="h-full w-full overflow-auto"> <!-- overflow-x-scroll -->
<body data-sveltekit-preload-data="hover" class="h-full w-full">
<div style="display: contents" class="">%sveltekit.body%</div> <div style="display: contents" class="">%sveltekit.body%</div>

2
src/routes/events/+layout.svelte
View File

@@ -144,7 +144,7 @@ if (browser) {
class:iframe={$ae_loc?.iframe} class:iframe={$ae_loc?.iframe}
class=" class="
ae_events ae_events
h-full max-h-full max-w-full overflow-auto min-h-full h-full min-w-full w-full overflow-auto container max-w-7xl
flex flex-col gap-1 flex flex-col gap-1
m-auto m-auto
bg-gray-50 dark:bg-gray-900 bg-gray-50 dark:bg-gray-900

15
src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_tbl.svelte
View File

@@ -123,8 +123,10 @@ $effect(() => {
<section <section
class:border-r-2={horiz_scroll_warning}
class="ae_comp event_presenter_obj_tbl {container_class_li}" class:border-dashed={horiz_scroll_warning}
class:border-warning-900-100={horiz_scroll_warning}
class="ae_comp event_presenter_obj_tbl {container_class_li} container overflow-auto max-w-screen"
> >
{#if $lq__event_presenter_obj_li && $lq__event_presenter_obj_li?.length} {#if $lq__event_presenter_obj_li && $lq__event_presenter_obj_li?.length}
@@ -132,13 +134,10 @@ $effect(() => {
<div <div
bind:this={horiz_check_element} bind:this={horiz_check_element}
id="tbl_container" id="tbl_container"
class="space-y-2 pb-48" class="space-y-2 pb-8"
class:border-r-2={horiz_scroll_warning}
class:border-dashed={horiz_scroll_warning}
class:border-warning-900-100={horiz_scroll_warning}
> >
<header <header
class="flex flex-row gap-1 items-center justify-between" class="flex flex-row flex-wrap gap-1 items-center justify-between"
> >
<h2 class="h3"> <h2 class="h3">
<span class="text-base"> <span class="text-base">
@@ -157,7 +156,7 @@ $effect(() => {
</h2> </h2>
<div <div
class="flex flex-row gap-1 items-center justify-end" class="flex flex-row flex-wrap gap-1 items-center justify-end"
class:hidden={!$ae_loc.edit_mode} class:hidden={!$ae_loc.edit_mode}
> >
<button <button

11
src/routes/events/ae_comp__event_file_obj_tbl.svelte
View File

@@ -77,7 +77,11 @@ $effect(() => {
</script> </script>
<section class="ae_comp event_file_obj_tbl {container_class_li}"> <section
class:border-r-2={horiz_scroll_warning}
class:border-dashed={horiz_scroll_warning}
class:border-warning-900-100={horiz_scroll_warning}
class="ae_comp event_file_obj_tbl {container_class_li} container overflow-auto max-w-screen">
{#if event_file_id_random_li && $lq_kv__event_file_obj_li && $lq_kv__event_file_obj_li?.length > 0 && $lq_kv__event_file_obj_li?.length == event_file_id_random_li?.length} {#if event_file_id_random_li && $lq_kv__event_file_obj_li && $lq_kv__event_file_obj_li?.length > 0 && $lq_kv__event_file_obj_li?.length == event_file_id_random_li?.length}
@@ -85,10 +89,7 @@ $effect(() => {
<div <div
bind:this={horiz_check_element} bind:this={horiz_check_element}
id="tbl_container" id="tbl_container"
class="space-y-2 pb-48" class="space-y-2 pb-8"
class:border-r-2={horiz_scroll_warning}
class:border-dashed={horiz_scroll_warning}
class:border-warning-900-100={horiz_scroll_warning}
> >
<h2 class="h3"> <h2 class="h3">
<span class="text-base"> <span class="text-base">

9
src/routes/events/ae_comp__event_session_obj_tbl.svelte
View File

@@ -52,7 +52,11 @@ $effect(() => {
</script> </script>
<section class="ae_comp event_session_obj_tbl {container_class_li}"> <section
class:border-r-2={horiz_scroll_warning}
class:border-dashed={horiz_scroll_warning}
class:border-warning-900-100={horiz_scroll_warning}
class="ae_comp event_session_obj_tbl {container_class_li} container overflow-auto max-w-screen">
{#if $lq__event_session_obj_li && $lq__event_session_obj_li?.length} {#if $lq__event_session_obj_li && $lq__event_session_obj_li?.length}
@@ -60,9 +64,6 @@ $effect(() => {
bind:this={horiz_check_element} bind:this={horiz_check_element}
id="tbl_container" id="tbl_container"
class="space-y-2 pb-48" class="space-y-2 pb-48"
class:border-r-2={horiz_scroll_warning}
class:border-dashed={horiz_scroll_warning}
class:border-warning-900-100={horiz_scroll_warning}
> >
<h2 class="h3"> <h2 class="h3">
<span class="text-base"> <span class="text-base">