Skip to content

[v12] feat(ui-side-nav-bar): SideNavBar rework#2418

Open
git-nandor wants to merge 1 commit intov12from
INSTUI-4938_SideNavBar_rework
Open

[v12] feat(ui-side-nav-bar): SideNavBar rework#2418
git-nandor wants to merge 1 commit intov12from
INSTUI-4938_SideNavBar_rework

Conversation

@git-nandor
Copy link
Contributor

INSTUI-4938

Summary

Migrated SideNavBar component from the old theming system.

Test plan

On the documentation page, verify that everything displays and works correctly.

Co-Authored-By: 🤖 Claude

@git-nandor git-nandor self-assigned this Feb 20, 2026
@github-actions
Copy link

github-actions bot commented Feb 20, 2026

PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://instructure.design/pr-preview/pr-2418/

Built to branch gh-pages at 2026-02-25 15:17 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

@git-nandor git-nandor force-pushed the INSTUI-4938_SideNavBar_rework branch 4 times, most recently from e6613ec to 36e5904 Compare February 24, 2026 14:40
@git-nandor git-nandor marked this pull request as ready for review February 25, 2026 15:12
@git-nandor git-nandor force-pushed the INSTUI-4938_SideNavBar_rework branch from 36e5904 to 008ebc4 Compare February 25, 2026 15:13
'&:focus': {
backgroundColor: componentTheme.selectedBackgroundColor,
boxShadow: `${componentTheme.selectedOuterFocusOutline}, ${componentTheme.selectedInnerFocusOutline}`,
boxShadow: `${componentTheme.selectedOuterFocusOutlineColor}, ${componentTheme.selectedInnerFocusOutlineColor}`,
Copy link
Contributor

@ToMESSKa ToMESSKa Feb 26, 2026

Choose a reason for hiding this comment

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

The focus outlines don't seem to work on the items.
Note that in the deleted theme.ts, these were full box shadow strings:

outerFocusOutline: `inset 0 0 0 0.125rem ${colors?.contrasts?.grey4570}`,
innerFocusOutline: `inset 0 0 0 0.25rem ${colors?.contrasts?.white1010}`,

in v11:
Image

v12:
Image

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.

2 participants