Making WordPress.org

Opened 3 months ago

Last modified 6 weeks ago

#7837 new defect (bug)

Support: Search field icon not vertically aligned

Reported by: nishitajoshi's profile nishitajoshi Owned by:
Milestone: Priority: normal
Component: Support Forums Keywords:
Cc:

Description

Support URL search button has not in sync alignment with Search forums text.
This should be align as other page search buttons have.
Page URL: https://wordpress.org/support/welcome/

Attachments (2)

wordpressorg.png (144.9 KB) - added by nishitajoshi 3 months ago.
This should be align in Search forum text with responsive devices as well.
wordpress.org.zip (229.7 KB) - added by nishitajoshi 3 months ago.
Bug Reference with Result.

Download all attachments as: .zip

Change History (8)

@nishitajoshi
3 months ago

This should be align in Search forum text with responsive devices as well.

@nishitajoshi
3 months ago

Bug Reference with Result.

#1 @im3dabasia1
3 months ago

Thank you, @nishitajoshi, for the ticket. I was able to reproduce the issue you described.

This is happening due to the following CSS:

.search-form .button-search {
    // other properties...
    padding-block: var(--wp--custom--form--padding--block);
    // other properties...
}

#2 @densinakum
3 months ago

The optimal solution would be to use 'display: flex;' and 'align-items: center;' for Responsive and consistent alignment.

.search-form .button-search {
    display: flex;
    align-items: center;
}

`

Version 0, edited 3 months ago by densinakum (next)

#3 @dd32
3 months ago

#7836 was marked as a duplicate.

#4 @dd32
3 months ago

  • Component changed from WordPress.org Site to Support Forums

#5 @dd32
2 months ago

  • Summary changed from UI Issues. to Support: Search field icon not vertically aligned

This ticket was mentioned in Slack in #meta by nishitajoshi. View the logs.


6 weeks ago

Note: See TracTickets for help on using tickets.