enso-org/enso
1
1
Fork 0
mirror of https://github.com/enso-org/enso.git synced 2024-11-22 03:32:23 +03:00
Code Issues Projects Releases Wiki Activity

Fix docpanel scrollArea height (#10721)

Browse Source 
(cherry picked from commit 347ef0260f)
This commit is contained in:
Adam Obuchowicz 2024-07-31 13:02:01 +02:00 committed by James Dunkerley
parent 3194172d97
commit d0d9c52627
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 {