Opened 13 months ago
Last modified 8 days ago
#59958 new defect (bug)
Twenty Twenty: Search block is not looking proper when large size is chosen
Reported by: | nidhidhandhukiya | Owned by: | |
---|---|---|---|
Milestone: | Future Release | Priority: | normal |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | needs-patch |
Focuses: | Cc: |
Description (last modified by )
Steps to reproduce the issue :-
- Activate Twenty Twenty theme.
- Choose search block.
- Now change the size to large or xl
You can able to see that editor side the design not looks proper.
I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/CDtNRZcsTTfHClvrPfhR
Attachments (2)
Change History (6)
#1
@
13 months ago
- Description modified (diff)
- Summary changed from Twenty Twenty theme - search block is not looking proper when large size is choosen. to Twenty Twenty: Search block is not looking proper when large size is chosen
In the iframe editor, the line-height
for the Search label is too small when the text is large.
This shows multiple issues, which include:
- The Search block in the iframe editor inherits a
line-height
of1.4em
fromwp-admin\css\common.css
. Before the editor was in an iframe, the label had a normalline-height
from:where(.editor-styles-wrapper) { line-height: normal; }
inblock-library/reset.css
. - The
line-height
in the admin styles probably should be unitless (#44643). - Twenty Twenty's button styles do not apply to the Search button within the editor (with or without the iframe).
- In the Extra large example (and possibly others in different languages), the text of the Search button extends outside its borders.
Note: See
TracTickets for help on using
tickets.
Search block with each font size preset (inside a post)