WordPress / twentytwentyfive

120 stars 84 forks source link

Inconsistent search block styles in the style variations #485

Open carolinan opened 6 days ago

carolinan commented 6 days ago

Description There are some differences in styling of the button blocks and the search form when the different style variations are applied.

According to the design in Figma, these variations should have input elements and buttons with a border radius that is not the same as the default:

Step-by-step reproduction instructions Add button block. Add a couple of search form blocks with different button settings: Outside, inside, with icon, etc.

Expected behavior For the theme to match the design in Figma.

Screenshots Noon: Missing shadow (maybe intentional?) Different font size: the search form button has larger text and a different font family (maybe intentional?) image

Dusk: Different border radius image

Afternoon: Different border radius image

Morning: Different border radius image

Sunrise: Different border radius image

Midnight: Different border radius image

beafialho commented 4 days ago

Yes, correct. I believe this is a Gutenberg bug. What other design feedback is helpful here?

carolinan commented 4 days ago

I'll try to fix the radius.

Noon: Is the missing shadow on the search form button intentional? The search form button has larger text and a different font family, is it intentional?

beafialho commented 3 days ago

Is the missing shadow on the search form button intentional? The search form button has larger text and a different font family, is it intentional?

The missing shadow isn't intentional, it should have it. The font family and size should also be the same as the other buttons.