Skip to content

GAUD-10414 - Change default size of side-nav - #7299

Draft
svanherk wants to merge 1 commit into
GAUD-10322-Store-and-restore-panel-sizesfrom
GAUD-10414-Change-default-side-nav-size
Draft

GAUD-10414 - Change default size of side-nav#7299
svanherk wants to merge 1 commit into
GAUD-10322-Store-and-restore-panel-sizesfrom
GAUD-10414-Change-default-side-nav-size

Conversation

@svanherk

@svanherk svanherk commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

After discussion with design, we’ve decided to go with a default panel size of 334px for the side-nav panel (supporting panel will keep its default of 1/3 the content width).

For consumers that set a state-storage-key, this only really matters the first time you view the page. Once you’ve resized the divider, that stored value will always be used.

Since I am going to need the default value in some upcoming vdiffs, I did refactor to export that calculation rather than repeating it everywhere.

You can see the vdiff report here. The supporting panel vdiffs don't change, and most of the side-nav vdiffs only shift by a pixel because a viewport of 1000 / 3 = 333 lol. But you can see on the larger width-type tests that the side nav default no longer grows with the viewport/content.

@github-actions

Copy link
Copy Markdown
Contributor

Thanks for the PR! 🎉

We've deployed an automatic preview for this PR - you can see your changes here:

URL https://live.d2l.dev/prs/BrightspaceUI/core/pr-7299/

Note

The build needs to finish before your changes are deployed.
Changes to the PR will automatically update the instance.

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.

1 participant