Make WordPress Core

Opened 17 months ago

Last modified 6 months ago

#58413 new defect (bug)

Twenty Seventeen: Search block is having issue when you apply width and alignment.

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.2.2
Component: Bundled Theme Keywords: has-testing-info needs-testing
Focuses: css Cc:

Description

Steps to reproduce the issue :-

  1. Activate Twenty Seventeen theme.
  2. Choose Search block.
  3. Apply width
  4. Now apply alignment left or right.

You can able to see that the applied width is not looking proper when alignment has been choosen.
I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/xNx3pKbZ2znyhz4l58CT

Attachments (1)

58413.patch (711 bytes) - added by nidhidhandhukiya 17 months ago.

Download all attachments as: .zip

Change History (4)

#1 @Ankit K Gupta
17 months ago

  • Keywords has-patch needs-testing has-testing-info added

#2 @sabernhardt
17 months ago

  • Focuses css added
  • Keywords has-patch needs-testing removed
  • Summary changed from Twenty Seventeen - Search block is having issue when you applied width and alignment. to Twenty Seventeen: Search block is having issue when you apply width and alignment.

The video shows Twenty Sixteen's styles in the editor and Twenty Seventeen for the front end, and the patch edits block styles within Twenty Sixteen's editor-style.css.

I do not recommend removing the float in the editor when the search block floats on the front end, which would create a discrepancy. Leaving the editor styles as they are might help the user determine whether setting a width and/or alignment is appropriate with these themes.

The editor does not show the button element background colors and other styles from Twenty Sixteen or Twenty Seventeen, which I think should be a higher priority.

Related: #53146

#3 @karmatosed
6 months ago

  • Keywords needs-testing added
Note: See TracTickets for help on using tickets.