Skip to content

Commit a884b1d

Browse files
akolsonclaude
andcommitted
fix(StudioPage): move bottom spacing inside scroll container to prevent double scrollbar
The outer element had both a fixed height (`calc(100vh - marginTop)`) and `margin-bottom: 16px`, making the total document height 16px taller than the viewport. This caused the browser to show its own page-level scrollbar alongside StudioPage's inner `overflow-y: auto` scroll. Moving the spacing to `padding-bottom` on the inner element keeps it inside the scrollable area so the document height stays at exactly 100vh. Fixes #5864 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent e3bbe30 commit a884b1d

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

contentcuration/contentcuration/frontend/shared/views/StudioPage.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,12 +58,12 @@
5858
5959
.studio-page-outer {
6060
width: 100%;
61-
margin-bottom: 16px;
6261
overflow-y: auto;
6362
}
6463
6564
.studio-page-inner {
6665
width: 100%;
66+
padding-bottom: 16px;
6767
}
6868
6969
</style>

0 commit comments

Comments
 (0)