Grid list is not responsive

  • Resolved jdknopp

    (@jdknopp)


    8 months ago

    The User Directory block with Grid style is not responsive. While it isn’t a perfect solution, adding the CSS below to the plugin’s style sheet will at least address the main issue.

    @media only screen and (max-width: 767px){.wp-block-simple-user-listing-directory-block.is-style-grid .user-list-wrap{grid-template-columns:repeat(1,1fr)!important}}

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author HelgaTheViking

    (@helgatheviking)

    8 months ago

    Thanks for the suggestion, some kind of responsive styling does make sense.

    Thread Starter jdknopp

    (@jdknopp)

    8 months ago

    I made a couple other CSS tweaks for better responsive behaviour. If useful I can send a patch. See the results at https://seatoskyorchestra.ca/members/

    Plugin Author HelgaTheViking

    (@helgatheviking)

    8 months ago

    If you’re up for sending a PR you can do so here. But yeah, I would be interested. I will say that I do not get to spend a lot of time on this plugin, but I’ll get to it when I can.

    Thread Starter jdknopp

    (@jdknopp)

    8 months ago

    Sent. I’ve not worked with SCSS much so hopefully my edit is valid.

    A more complete responsive solution would involve changing to a “fit as many fixed width columns as possible” approach as I’ve implemented on the S2SO site linked above. Fhat would require changes to the block edit screen (addition of a new layout option) which is well beyond my WP development experience. But the result is:

    grid-template-columns: repeat(auto-fit, 300px);
    place-content: center;

    with the “300px” of course replaced by whatever you want the column width to be.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Grid list is not responsive’ is closed to new replies.

  • 4 replies
  • 2 participants
  • Last reply from: jdknopp
  • Last activity: 8 months ago
  • Status: resolved