Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blockbase: search block font size #4865

Merged
merged 5 commits into from Oct 21, 2021
Merged

Conversation

MaggieCabrera
Copy link
Contributor

Changes proposed in this Pull Request:

This PR WordPress/gutenberg#35723 is about to be merged and it will affect all Blockbase themes. Previously, applying font-size to the search block via theme.json didn't work, after the GB PR is merged it will start working. Before the PR, the search block on all BB themes was simply applying the browser default rules for inputs (about 13.333px on FF). I decided on using --wp--preset--font-size--small instead, it will make the block look a little bit bigger don't he themes but I think it makes it more consistent with the rest of the elements of the theme than the random browser size.

I'm also changing the line-height so that the difference in size is not as big.

Skatepark

Before After
Screenshot 2021-10-19 at 13 01 22 Screenshot 2021-10-19 at 13 06 08

After the related PR is merged, the font size of the block will inherit directly from the body font, which will be much bigger than this.

@kjellr @beafialho @melchoyce I'm tagging you since this will introduce a slight visual change.

Related issue(s):

WordPress/gutenberg#35723

@pbking
Copy link
Contributor

pbking commented Oct 19, 2021

Change looks good. I'll leave the design 👍 to others but if it looks good it's good to bring in.

Also I see no negatives to bringing this in before the change lands in Gutenberg besides the lineheight difference.

@kjellr
Copy link
Contributor

kjellr commented Oct 19, 2021

What is the font size that's used for Buttons by default in Blockbase? I think it might make sense to match that.

@MaggieCabrera
Copy link
Contributor Author

MaggieCabrera commented Oct 20, 2021

What is the font size that's used for Buttons by default in Blockbase? I think it might make sense to match that.

ok, then it's even bigger than the original font-size and my change, I'll make the change if you are fine with that:

Before:

Screenshot 2021-10-20 at 10 05 31

After:

Screenshot 2021-10-20 at 10 05 19

@MaggieCabrera MaggieCabrera force-pushed the blockbase-search-block-font-size branch from 573c1c0 to 1b1a13e Compare October 20, 2021 08:11
@kjellr
Copy link
Contributor

kjellr commented Oct 20, 2021

Using the same size is great. Thanks, @MaggieCabrera!

Copy link
Contributor

@pbking pbking left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Now with design approval this change LGTM.

@pbking pbking force-pushed the blockbase-search-block-font-size branch from 1b1a13e to c9fa4ae Compare October 21, 2021 18:36
@pbking pbking merged commit 508e686 into trunk Oct 21, 2021
@scruffian scruffian deleted the blockbase-search-block-font-size branch October 21, 2021 22:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants