.ui-sidebar:not([data-enhanced]) { inline-size: min(14.5rem, 100%); } .ui-sidebar:not([data-enhanced]) .ui-sidebar-label { position: static !important; inline-size: auto !important; block-size: auto !important; margin: 0 !important; overflow: visible !important; clip-path: none !important; white-space: normal !important; opacity: 1 !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-brand-name, .ui-sidebar:not([data-enhanced]) .ui-sidebar-section-title, .ui-sidebar:not([data-enhanced]) .ui-sidebar-chevron { display: initial !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-brand { position: static !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-row { justify-content: start !important; aspect-ratio: auto !important; margin-inline: 0 !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-list > .ui-sidebar-item > .ui-sidebar-row, .ui-sidebar:not([data-enhanced]) .ui-sidebar-list > .ui-sidebar-item > .ui-sidebar-group > summary { padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 3.5) !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-account { padding: calc(var(--spacing) * 1.5) var(--space-3) !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-branch { display: block !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-badge { display: inline !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-desktop { display: block !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-mobile-bar { display: none !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-body { inline-size: 100%; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-navigation { inline-size: calc(100% + var(--space-4)) !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-navigation-content { inline-size: 100%; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-row, .ui-sidebar:not([data-enhanced]) .ui-sidebar-header { inline-size: 100% !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-section-heading { grid-template-rows: minmax(0, 1fr) !important; } .ui-sidebar:not([data-enhanced]) .ui-sidebar-section-heading, .ui-sidebar:not([data-enhanced]) .ui-sidebar-brand-name { opacity: 1 !important; }

Sidebar

Try the rail, expanded branches, and section flyouts.

@media (width < 48rem) { .sidebar-preview-frame { block-size: auto; min-block-size: 100dvh; } .sidebar-preview-workspace { min-block-size: 28rem; } } .sidebar-preview-controls { display: none; }

Recent searches

Results

Sidebar

Expand the rail

Explore a section

Follow a branch