pawelmalak / flame

Flame is self-hosted startpage for your server. Easily manage your apps and bookmarks with built-in editors.
MIT License
5.24k stars 254 forks source link

[Feature Request] The option to pull up categories to fill vertical gaps #269

Open Brancliff opened 2 years ago

Brancliff commented 2 years ago

Not sure how to best describe this one in words, so here's a visual expression with a 'before' on the left and an 'after' on the right

pull up

If you have one category with a lot more bookmarks than the other, it can create a lot of empty space to scroll through. This space could be filled up by lifting categories that are further down the page and placing them in that empty space.

reeseovine commented 2 years ago

I agree that this would be nice, but layouts like that can be rather resource-intensive when done in Javascript and there's no standard way to do it in CSS either.

Fortunately, recent versions of Firefox have an experimental solution that is available by setting layout.css.grid-template-masonry-value.enabled to true in about:config. Then add the following to Flame's custom CSS:

[class^=BookmarkGrid_BookmarkGrid__] {
  grid-template-rows: masonry;
}