fix: subnav with scrolling sticky table

src/lib/elements/table/cellCheck.svelte

@@ -24,7 +24,7 @@
     };
 </script>
 
-<TableCell class="u-position-relative">
+<TableCell>
     <div
         class="touch-area"
         role="button"
@@ -39,10 +39,3 @@
         {disabled}
         on:click={handleClick} />
 </TableCell>
-
-<style lang="scss">
-    .touch-area {
-        position: absolute;
-        inset: 0;
-    }
-</style>

src/lib/elements/table/tableScroll.svelte

@@ -7,7 +7,7 @@
     export let transparent = false;
     export let noStyles = false;
     export let dense = false;
-    let classes: string = undefined;
+    let classes: string = '';
     export { classes as class };
 
     let isOverflowing = false;

src/lib/layout/navigation.svelte

@@ -46,6 +46,9 @@
         isOpen = false;
         $showSupportModal = true;
     }
+
+    $: window.document.body.dataset.isNarrow = String(narrow);
+    $: window.document.body.dataset.hasSubNavigation = String(hasSubNavigation);
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />

src/lib/layout/shell.svelte

@@ -78,6 +78,18 @@
 </main>
 
 <style lang="scss">
+    :global([data-has-sub-navigation='true']) {
+        &:global([data-is-narrow='false']) {
+            main {
+                --p-side-size: 25rem; // 12.5rem + 12.5rem
+            }
+        }
+        &:global([data-is-narrow='true']) {
+            main {
+                --p-side-size: 17rem; // 12.5rem + 4.5rem
+            }
+        }
+    }
     main {
         min-height: 100vh;