Skip to content

Commit fe7106d

Browse files
namedgraphclaude
andcommitted
Make left-sidebar flyout scrollable on short viewports
The fixed-position .left-sidebar had no overflow, so on short screens the "Other views" section below the class list was clipped and unreachable. Add overflow-y: auto so the whole sidebar scrolls. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent 3a39351 commit fe7106d

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

  • src/main/webapp/static/com/atomgraph/linkeddatahub/css

src/main/webapp/static/com/atomgraph/linkeddatahub/css/bootstrap.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@ li button.btn-edit-constructors, li button.btn-add-data, li button.btn-add-ontol
9696
.dropdown-menu > li > a.btn-list { background-image: url('../icons/view_list_black_24dp.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
9797
.dropdown-menu > li > a.btn-table { background-image: url('../icons/ic_border_all_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
9898
.dropdown-menu > li > a.btn-grid { background-image: url('../icons/ic_grid_on_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
99-
.left-sidebar { display: none; width: 15%; position: fixed; left: 0; top: var(--action-bar-top, 51px); height: calc(100% - var(--action-bar-top, 51px)); z-index: 1001; }
99+
.left-sidebar { display: none; width: 15%; position: fixed; left: 0; top: var(--action-bar-top, 51px); height: calc(100% - var(--action-bar-top, 51px)); overflow-y: auto; z-index: 1001; }
100100
@media (max-width: 979px)
101101
{
102102
body { padding-top: 0; }

0 commit comments

Comments
 (0)