Portrait Cover Image

[blackshrub]

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.

[ssddanbrown]

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.

[blackshrub]

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

[hugofant]

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.

[ssddanbrown]

@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?

[hugofant]

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.

[ssddanbrown]

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]

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.