Opened 10 months ago
Last modified 6 weeks ago
#7955 new defect (bug)
Increased Icon and Font Size for Better Visibility
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Priority: | normal | |
| Component: | General | Keywords: | changes-requested |
| Cc: |
Description
https://wordpress.org/blocks/
The Blocks page previously had a very small icon and font size, which made it less noticeable and affected the overall design. I have updated the menu by increasing both the icon size and the font size. This change was necessary to enhance visibility and provide a better user experience from both a visitor’s and a design perspective.
Before https://prnt.sc/G8Q-MihMzzoz
After https://prnt.sc/bSn_JXptLYYU
wp-block-image img {
width: 30px !important;
height: 30px !important;
}
p.has-extra-small-font-size {
font-size: 14px !important;
}
Change History (3)
#2
@
7 weeks ago
[https://wordpress.org/blocks/]
The Blocks page previously had a very small icon and font size, which made it less noticeable and affected the overall design. I have updated the menu by increasing both the icon size and the font size. This change was necessary to enhance visibility and provide a better user experience from both a visitor’s and a design perspective.
Before https://www.awesomescreenshot.com/image/58044918?key=f4f32adf83b325272a9a42d3bab33c46
After https://www.awesomescreenshot.com/image/58044968?key=76c874428616ea1f6ff8bdaacea7c73f
wp-block-image img {
width: 30px !important;
height: 30px !important;
}
p.has-extra-small-font-size {
font-size: 14px !important;
}
#3
@
6 weeks ago
- Keywords changes-requested added
@densinakum In future please consider uploading screenshots to the ticket, as the images linked do not load for me.
The suggested 30px CSS rule appears invalid, as it's not scoped to any specific section, and if it's for what I think it is, the source images are 48px (rendered as 24px).
The suggested font-size change should also be handled through theme.json I believe, as it's currently sourced from --wp--preset--font-size--extra-small.
Before https://prnt.sc/Jh6aAwrAS_xf
After https://prnt.sc/dj6VYUSHZDEF