Skip to content

Update header styles - #105

Merged
wojtekn merged 1 commit into
trunkfrom
update/header-styles
May 9, 2024
Merged

Update header styles#105
wojtekn merged 1 commit into
trunkfrom
update/header-styles

Conversation

@matt-west

@matt-west matt-west commented May 8, 2024

Copy link
Copy Markdown
Contributor

Related to https://github.com/Automattic/dotcom-forge/issues/6977

Proposed Changes

  • Update the header styles to better align with Dotcom and A4A.
  • Apply medium font weight to site name.
  • Use gray 70 for header links, and blueberry on hover.
  • Adjust spacing of external link icons.
Before After
Screenshot 2024-05-08 at 14 01 35 Screenshot 2024-05-08 at 14 01 25

Testing Instructions

  • Open Studio
  • Note the updated header styles

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?
@matt-west matt-west self-assigned this May 8, 2024
@derekblank
derekblank self-requested a review May 9, 2024 02:18
@derekblank

Copy link
Copy Markdown
Contributor

I had started reviewing, and noted that the PR is still in a draft state. Off to a good start anyways, the updated styles look great so far. 👍 Feel free to ping when ready for review.

@matt-west
matt-west marked this pull request as ready for review May 9, 2024 08:09
@matt-west
matt-west requested a review from a team May 9, 2024 08:10
@matt-west

Copy link
Copy Markdown
Contributor Author

Thanks @derekblank. This is now ready for review.

@derekblank derekblank left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM. I tested on RTL and LTR layouts using varied long and short site titles, and observed that the header styles matched the updated "After" screenshot. 🚀

@wojtekn wojtekn left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

The code change looks clear, works as expected.

@wojtekn
wojtekn merged commit 346b490 into trunk May 9, 2024
@wojtekn
wojtekn deleted the update/header-styles branch May 9, 2024 11:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants