Sorting up/down instead of left right. #3560

New Issue

OVERLORD · 2026-02-05T07:04:01+03:00

OVERLORD commented

2026-02-05 07:04:01 +03:00

Originally created by @alatteri on GitHub (Mar 2, 2023).

Describe the feature you'd like

Thank you for the Alpha sorting. But as you see here it is sorted via column left to right, and then goes to the next row. I think the eye naturally wants to search vertical top to bottom. See screen shots.

Example.

A B C D
E F G H

Vs.

A D G
B E H
C F

Describe the benefits this would bring to existing BookStack users

More logical visual search.

Can the goal of this request already be achieved via other means?

To get the kind of sort desired, you could add the below (unofficial/unsupported) customization to the "Custom HTML Head Content" customization setting in your BookStack instance:

<style>
.entity-shelf-books.grid {
    display: block;
    columns: 3;
}
@media screen and (max-width: 600px) {
    .entity-shelf-books.grid {
        columns: 2;
    }   
}
@media screen and (max-width: 480px) {
    .entity-shelf-books.grid {
        columns: 1;
    }   
}
</style>

Have you searched for an existing open/closed issue?

I have searched for existing issues and none cover my fundemental request

How long have you been using BookStack?

1 to 5 years

Additional context

No response

Originally created by @alatteri on GitHub (Mar 2, 2023). ### Describe the feature you'd like Thank you for the Alpha sorting. But as you see here it is sorted via column left to right, and then goes to the next row. I think the eye naturally wants to search vertical top to bottom. See screen shots. Example. A B C D E F G H Vs. A D G B E H C F ![2](https://user-images.githubusercontent.com/625982/222545230-49d2cc5a-d9d5-4a89-883c-309070f8fd69.png) ![1](https://user-images.githubusercontent.com/625982/222545240-d9afcdbc-a781-4b30-b129-d73e9abcdcfc.png) ### Describe the benefits this would bring to existing BookStack users More logical visual search. ### Can the goal of this request already be achieved via other means? To get the kind of sort desired, you could add the below (unofficial/unsupported) customization to the "Custom HTML Head Content" customization setting in your BookStack instance: ```html <style> .entity-shelf-books.grid { display: block; columns: 3; } @media screen and (max-width: 600px) { .entity-shelf-books.grid { columns: 2; } } @media screen and (max-width: 480px) { .entity-shelf-books.grid { columns: 1; } } </style> ``` ### Have you searched for an existing open/closed issue? - [X] I have searched for existing issues and none cover my fundemental request ### How long have you been using BookStack? 1 to 5 years ### Additional context _No response_

OVERLORD added the 🔨 Feature Request label 2026-02-05 07:04:01 +03:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#3560