Making WordPress.org

#6979 closed defect (bug) (worksforme)

Dropdown action button get overlap with text and not visible properly below 425px

Reported by: himshekhar07's profile himshekhar07 Owned by:
Milestone: Priority: normal
Component: Make (Get Involved) / P2 Keywords: needs-patch
Cc:

Description

The dropdown action button overlaps the heading text and is not visible to the user on this page. https://make.wordpress.org/performance/

Video:
https://share.cleanshot.com/JzNQKFCy8MYrvknwcyqz

Attachments (1)

CleanShot 2023-05-11 at 10.28.25@2x.png (141.8 KB) - added by nidhidhandhukiya 19 months ago.
Result after applying given css.

Download all attachments as: .zip

Change History (3)

#1 @nidhidhandhukiya
19 months ago

The below css can resolve this design issue.

@media screen and (max-width: 480px) {
    .o2-post .entry-meta .entry-author {
        width: 90%;
        display: block;
        line-height: normal;
        margin: 0 0 10px;
    }
}

@nidhidhandhukiya
19 months ago

Result after applying given css.

#2 @dd32
16 months ago

  • Component changed from WordPress.org Site to Make (Get Involved) / P2
  • Resolution set to worksforme
  • Status changed from new to closed

This is a styling issue with the upstream o2/p2 plugin/theme.

I don't think this warrants changing specifically on make.WordPress.org, as it seems to work well enough to me.

Bug reports for the o2 plugin can be made upstream: https://github.com/automattic/o2, I'm unsure where bug reports for the theme should be made.

Note: See TracTickets for help on using tickets.