Making WordPress.org

Opened 10 months ago

Last modified 6 weeks ago

#7955 new defect (bug)

Increased Icon and Font Size for Better Visibility

Reported by: densinakum's profile densinakum 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 @densinakum
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 @dd32
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.

Note: See TracTickets for help on using tickets.