[PR #2394] [CLOSED] #2372 avoid masonry overflow in bookmark grids #2092

Closed
opened 2026-03-02 12:00:31 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/karakeep-app/karakeep/pull/2394
Author: @evan6seven
Created: 1/14/2026
Status: Closed

Base: mainHead: main


📄 Description

Solves #2372

Simple change. Tested all the masonry column options on my machine.

Swapped the masonry gutter implementation to use column padding instead of flex gaps so the react-masonry-css column widths (100/n) no longer add extra horizontal space, which removes the scrollbar at 4 columns. The overflow came from className="flex gap-4" on Masonry while the library already sets column widths by percentage; the gap adds (cols - 1) * gap to the total width.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/karakeep-app/karakeep/pull/2394 **Author:** [@evan6seven](https://github.com/evan6seven) **Created:** 1/14/2026 **Status:** ❌ Closed **Base:** `main` ← **Head:** `main` --- ### 📄 Description Solves #2372 Simple change. Tested all the masonry column options on my machine. Swapped the masonry gutter implementation to use column padding instead of flex gaps so the react-masonry-css column widths (100/n) no longer add extra horizontal space, which removes the scrollbar at 4 columns. The overflow came from className="flex gap-4" on Masonry while the library already sets column widths by percentage; the gap adds (cols - 1) * gap to the total width. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-03-02 12:00:31 +03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/karakeep#2092
No description provided.