Skip to content

Studio: Fix spacing in top bar - #776

Merged
matt-west merged 2 commits into
trunkfrom
fix/top-bar-spacing-10177
Jan 8, 2025
Merged

Studio: Fix spacing in top bar#776
matt-west merged 2 commits into
trunkfrom
fix/top-bar-spacing-10177

Conversation

@matt-west

Copy link
Copy Markdown
Contributor

Related issues

Fixes https://github.com/Automattic/dotcom-forge/issues/10177

Proposed Changes

  • Fixed spacing between the user menu and the help icon in the top bar.
Logged out Logged in
Screenshot 2025-01-06 at 12 09 57 Screenshot 2025-01-06 at 12 10 07

Testing Instructions

  • Open Studio
  • Check spacing when logged out
  • Log in to WordPress.com account
  • Check spacing when logged in

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?
@matt-west matt-west self-assigned this Jan 6, 2025
@wojtekn
wojtekn requested a review from a team January 8, 2025 08:43

@ivan-ottinger ivan-ottinger 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.

Nice fix! The proposed changes look good in my tests. 👌🏼

What I think we could also consider is to adjust the left/right margins to make the RTL version look similar to the LTR. Here's what I mean:

Screen.Capture.on.2025-01-08.at.10-12-02.mp4

With the current styling, the space between the icons is slightly different when comparing LTR vs RTL versions.

Regardless, I am approving the PR as we may also consider the above change in a separate PR. 🙂

@matt-west

Copy link
Copy Markdown
Contributor Author

Good catch @ivan-ottinger. I’ve addressed this in d31e8db.

Screen.Recording.2025-01-08.at.09.51.36.mov
@ivan-ottinger
ivan-ottinger self-requested a review January 8, 2025 10:04

@ivan-ottinger ivan-ottinger 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.

Thanks, @matt-west! Looks and works great on RTL now as well! 🙂

@matt-west
matt-west merged commit 57777d3 into trunk Jan 8, 2025
@matt-west
matt-west deleted the fix/top-bar-spacing-10177 branch January 8, 2025 10:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

2 participants