Skip to content

Relocate the details toggle#15117

Merged
brandonkelly merged 10 commits into5.2from
feature/move-details-toggle
Jun 3, 2024
Merged

Relocate the details toggle#15117
brandonkelly merged 10 commits into5.2from
feature/move-details-toggle

Conversation

@brianjhanson
Copy link
Copy Markdown
Contributor

Relocates the details sidebar toggle button to the side of the content editor.

CleanShot.2024-05-31.at.10.59.46.mp4

@brianjhanson brianjhanson requested review from brandonkelly, gcamacho079 and i-just and removed request for i-just May 31, 2024 16:00
Copy link
Copy Markdown
Contributor

@gcamacho079 gcamacho079 left a comment

Choose a reason for hiding this comment

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

😍 Looks awesome. The only thing I noticed is that at 320px wide viewports, the .content-pane overflows the body element.

@brandonkelly
Copy link
Copy Markdown
Member

Looks great!

The hairline is 4px closer to the sidebar pane than the content pane, so that needs to be centered.

Ideally, both sides can be tightened up, so the distance between the two panes is 24px, to match the distance between the global sidebar and the content pane. So shave off 7px from the left side of the hairline, and 3px from the right side, I think.

@brianjhanson brianjhanson requested a review from gcamacho079 June 3, 2024 15:11
@brianjhanson
Copy link
Copy Markdown
Contributor Author

brianjhanson commented Jun 3, 2024

Looks great!

The hairline is 4px closer to the sidebar pane than the content pane, so that needs to be centered.

Ideally, both sides can be tightened up, so the distance between the two panes is 24px, to match the distance between the global sidebar and the content pane. So shave off 7px from the left side of the hairline, and 3px from the right side, I think.

This difference was intentional to try to make a stronger association between the sidebar and the toggle, but I think you're right and the contrast between the spacing wasn't quite enough to make that obvious, so I've centered it now.

@brandonkelly
Copy link
Copy Markdown
Member

Thanks, looks great now!

@brandonkelly
Copy link
Copy Markdown
Member

@brianjhanson One more bug: for RTL languages, the icon needs to be inverted:

screenshot of the new sidebar toggle, on a right-to-left interface orientation

@brandonkelly brandonkelly merged commit 340a67e into 5.2 Jun 3, 2024
@brandonkelly brandonkelly deleted the feature/move-details-toggle branch June 3, 2024 17:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants