WordPress.org

Making WordPress.org

Opened 3 months ago

Last modified 3 months ago

#5842 new defect

CSS issue in Contributor Training Quiz Buttons

Reported by: circlecube Owned by:
Milestone: Priority: normal
Component: WordPress.org Site Keywords: has-screenshots
Cc:

Description

I'm seeing a CSS issue in the community deputy training modules with the quiz buttons.

https://wordpress.org/contributor-training/

Go to any quiz and you'll see that the buttons at the end are cut off or look cropped. Still usable and mostly legible, but certainly looks like something is broken (see attachments).

Tested in latest chrome, firefox and safari on mac os catalina 10.15.7 with same results on all. Viewing on android OS chrome does not have the issue.

Attachments (3)

Change History (4)

#1 @circlecube
3 months ago

  • Keywords has-screenshots added

Looks like the site has a bunch of custom css rules that are tweaking the block styles and the sensei plugin styles, so not sure a patch would make sense here.

Fixes when adding something along the lines of:

.wp-block-buttons .wp-block-button button {
    height: 100%;
}

As it's set up now I would guess adding to the custom CSS that is added to the page would suffice at whatever specificity makes sense. Anyone with permissions who can test the fix?

Should also ensure that the fix here doesn't negatively impact mobile layout.

Note: See TracTickets for help on using tickets.