CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-08 15:56:23 +12:00
Code Issues Projects Releases Wiki Activity

Restore being able to select the screen and nav, now with unique IDs

Browse source
This commit is contained in:
Andrew Kingston 2023-08-23 15:00:26 +01:00
parent a352f8ee0a
commit 899a1dd754
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/client/src/components/app/Layout.svelte
View file

@ -72,6 +72,12 @@
$context.device.height
)
$: autoCloseSidePanel = !$builderStore.inBuilder && $sidePanelStore.open
$: screenId = $builderStore.inBuilder
? `${$builderStore.screen?._id}-screen`
: "screen"
$: navigationId = $builderStore.inBuilder
? `${$builderStore.screen?._id}-navigation`
: "navigation"
// Scroll navigation into view if selected.
// Memoize into a primitive to avoid spamming this whenever builder store
@ -145,27 +151,29 @@
}
return style
}
$: console.log($builderStore.selectedComponentId)
</script>
<div
class="component screen layout layout--{typeClass}"
class="component {screenId} layout layout--{typeClass}"
use:styleable={$component.styles}
class:desktop={!mobile}
class:mobile={!!mobile}
data-id={`${$builderStore.screen?._id}-screen`}
data-id={screenId}
data-name="Screen"
data-icon="WebPage"
>
<div class="screen-dom screen-wrapper layout-body">
<div class="{screenId}-dom screen-wrapper layout-body">
{#if typeClass !== "none"}
<div
class="interactive component navigation"
data-id="navigation"
class="interactive component {navigationId}"
data-id={navigationId}
data-name="Navigation"
data-icon="Visibility"
>
<div
class="nav-wrapper navigation-dom"
class="nav-wrapper {navigationId}-dom"
class:sticky
class:hidden={$routeStore.queryParams?.peek}
class:clickable={$builderStore.inBuilder}