Portrait Cover Image #1131

Closed
opened 2026-02-04 23:53:28 +03:00 by OVERLORD · 7 comments
Owner

Originally created by @blackshrub on GitHub (Apr 9, 2019).

My use case is to build a mini library of books and documentation. Ability to switch between portrait and landscape will bring a convenient appearance based on users' use case.

Originally created by @blackshrub on GitHub (Apr 9, 2019). My use case is to build a mini library of books and documentation. Ability to switch between portrait and landscape will bring a convenient appearance based on users' use case.
OVERLORD added the 🔨 Feature Request🎨 Design🖌️ View Customization labels 2026-02-04 23:53:28 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Apr 9, 2019):

Thank you for the suggestion @blackshrub.

To be honest, This kind of option would probably be too specific/focused to be something I'd look to include in the core project since we'd need to implement and maintain an additional design option for minimal change to the user.

@ssddanbrown commented on GitHub (Apr 9, 2019): Thank you for the suggestion @blackshrub. To be honest, This kind of option would probably be too specific/focused to be something I'd look to include in the core project since we'd need to implement and maintain an additional design option for minimal change to the user.
Author
Owner

@blackshrub commented on GitHub (Apr 10, 2019):

I think books or docs should intuitively have a portrait rather than landscape cover image. But I also understand that this option would be too specific considering many have used the cover image the way it is @ssddanbrown

@blackshrub commented on GitHub (Apr 10, 2019): I think books or docs should intuitively have a portrait rather than landscape cover image. But I also understand that this option would be too specific considering many have used the cover image the way it is @ssddanbrown
Author
Owner

@hugofant commented on GitHub (Oct 10, 2024):

Hi,
as, in the meantime, a few years have passed - is this still "on the list", or already rejected?
I agree with @blackshrub that books would look better in portrait mode....and it would also be an improvement for mobile devices.

@hugofant commented on GitHub (Oct 10, 2024): Hi, as, in the meantime, a few years have passed - is this still "on the list", or already rejected? I agree with @blackshrub that books would look better in portrait mode....and it would also be an improvement for mobile devices.
Author
Owner

@ssddanbrown commented on GitHub (Oct 10, 2024):

@blackshrub

is this still "on the list", or already rejected?

Neither really, it's been in limbo (like most issues) but it is probably time to close this off.
You could probably quite easily add some custom CSS though to alter the view to make them appear in portrait. Is this specifically desired for the /books list grid view?

@ssddanbrown commented on GitHub (Oct 10, 2024): @blackshrub > is this still "on the list", or already rejected? Neither really, it's been in limbo (like most issues) but it is probably time to close this off. You could probably quite easily add some custom CSS though to alter the view to make them appear in portrait. Is this specifically desired for the `/books` list grid view?
Author
Owner

@hugofant commented on GitHub (Oct 10, 2024):

Hello again,
thank you for your answer both views of /books would be great, but i would also be completely happy with only one of them ;-)
Actually i'm not that familiar with CSS, but maybe this is the perfect situation for a deeper dive in.

@hugofant commented on GitHub (Oct 10, 2024): Hello again, thank you for your answer both views of /books would be great, but i would also be completely happy with only one of them ;-) Actually i'm not that familiar with CSS, but maybe this is the perfect situation for a deeper dive in.
Author
Owner

@ssddanbrown commented on GitHub (Oct 11, 2024):

Adding the below to the "Custom HTML Head Content" customization setting should alter things the grid view a little more book/portrait like:

<style>
    /* Make image taller */
    .featured-image-container {
        min-height: 240px;
    }

    /* Reduce paddings around text */
    .grid-card .grid-card-content {
        padding: 12px 12px 0 12px;
    }
    .grid-card .grid-card-footer {
        padding: 0 12px 12px 12px;
    }

    /** Hide description snippets to reduce height **/
    .grid-card-content p {
        display: none;
    }
</style>
@ssddanbrown commented on GitHub (Oct 11, 2024): Adding the below to the "Custom HTML Head Content" customization setting should alter things the grid view a little more book/portrait like: ```html <style> /* Make image taller */ .featured-image-container { min-height: 240px; } /* Reduce paddings around text */ .grid-card .grid-card-content { padding: 12px 12px 0 12px; } .grid-card .grid-card-footer { padding: 0 12px 12px 12px; } /** Hide description snippets to reduce height **/ .grid-card-content p { display: none; } </style> ```
Author
Owner

@ssddanbrown commented on GitHub (Sep 8, 2025):

Since there's been little further desire on this, and since it should be possible to mostly achieve this with CSS workarounds like the example above, I'm going to go ahead and close this off.

@ssddanbrown commented on GitHub (Sep 8, 2025): Since there's been little further desire on this, and since it should be possible to mostly achieve this with CSS workarounds like the example above, I'm going to go ahead and close this off.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#1131