Making WordPress.org

Opened 3 months ago

Closed 3 months ago

Last modified 2 months ago

#7365 closed defect (bug) (fixed)

Plugins Search button issue on iPhone 13 Pro Max mobile view

Reported by: shak33l's profile shak33l Owned by: dd32's profile dd32
Milestone: Priority: normal
Component: Plugin Directory Keywords: has-screenshots needs-design
Cc:

Description

Plugins Search button issue on iPhone 13 Pro Max mobile view

Attachments (2)

IMG_2591.png (252.2 KB) - added by shak33l 3 months ago.
Screenshot 2023-12-11 at 2.53.01 PM.png (1.4 MB) - added by devtanbir 3 months ago.

Download all attachments as: .zip

Change History (6)

@shak33l
3 months ago

#1 @bedas
3 months ago

  • Keywords needs-design added

This happens on all mobiles - but you’ve to visit https://wordpress.org/plugins/?plugin_business_model=community (or commercial tab), then unfold the “plugins” menu, to see the button misaligned.

The design isn’t the same as on the root plugins screen.

#2 @devtanbir
3 months ago

We can solve from tablets to mobile devices. Example below:

@media (max-width: 736px) {
    .nav-menu .search-form {
        width: 100%;
    }
    .search-form .button-search {
        padding: 4px 14px 0px 14px;
    }
    .site-header:not(.home) .search-form .search-field {
        width: calc(100% - 55px);
    }
}

#3 @dd32
3 months ago

  • Owner set to dd32
  • Resolution set to fixed
  • Status changed from new to closed

In 13065:

Plugin Directory: Style the search form on mobile devices.

Props shak33l, bedas, devtanbir, dd32.
Fixes #7365.

#4 @bedas
2 months ago

#7391 was marked as a duplicate.

Note: See TracTickets for help on using tickets.