Alan Guo Xiang Tan 5990842dd9 UX: Revamp styling of sidebar
The following changes are made in this commit:

1. Move caret icon in sidebar section header to the right.
1. Each row in sidebar takes the full width which enables us to do a
full width highlight on hover and when sidebar link is active.
1. Ensure each row in Sidebar is of the same height.

Internal refs: /t/70546, /t/72196, /t/71820
2022-08-18 16:14:49 +08:00

25 lines
491 B
SCSS

#main-outlet-wrapper {
.sidebar-section-header-wrapper {
margin-bottom: 0.25em;
}
.sidebar-section-header-link {
font-size: var(--font-0);
}
.sidebar-section-link {
padding: 0.5em;
font-size: var(--font-0);
}
}
.sidebar-wrapper .sidebar-footer-wrapper .sidebar-footer-container {
margin-top: 0.5em;
margin-right: 0;
padding-left: 0.25em;
}
.sidebar-more-section-links-details
.sidebar-more-section-links-details-summary {
font-size: var(--font-0);
}