enso-org/enso
1
1
Fork 0
mirror of https://github.com/enso-org/enso.git synced 2024-12-22 18:01:38 +03:00
Code Issues Projects Releases Wiki Activity

Fix docpanel scrollArea height (#10721)

Browse Source
This commit is contained in:
Adam Obuchowicz 2024-07-31 13:02:01 +02:00 committed by GitHub
parent 6ad3faf03b
commit 347ef0260f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/gui2/src/components/DockPanel.vue
View File

@ -37,9 +37,11 @@ const style = computed(() => ({
/>
<SizeTransition width :duration="100">
<div v-if="show" ref="slideInPanel" :style="style" class="DockPanel" data-testid="rightDock">
<div ref="toolbarElement" class="toolbar"></div>
<div class="scrollArea">
<slot :toolbar="toolbarElement" />
<div class="content">
<div ref="toolbarElement" class="toolbar"></div>
<div class="scrollArea">
<slot :toolbar="toolbarElement" />
</div>
</div>
<ResizeHandles left :modelValue="computedBounds" @update:modelValue="size = $event.width" />
</div>
@ -52,18 +54,26 @@ const style = computed(() => ({
position: relative;
}
.scrollArea {
.content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.scrollArea {
width: 100%;
overflow-y: auto;
padding-left: 10px;
/* Prevent touchpad back gesture, which can be triggered while panning. */
overscroll-behavior-x: none;
flex-grow: 1;
}
.toolbar {
height: 48px;
padding-left: 4px;
flex-shrink: 0;
}
.toggleDock {