Skip to content

fix: edge case where caret isn't moved to left #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
arikorn wants to merge 2 commits into
base: main
Choose a base branch
from
Open

fix: edge case where caret isn't moved to left #37

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
57cd1a8
fix: edge case where caret isn't moved to left
arikorn Feb 18, 2026
2de728f
fix rabbit issues and incorrect indent
arikorn Feb 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 17 additions & 7 deletions src/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,8 +144,11 @@
}
}

/* when the window is narrow, the right-header icons are in the pull-down sidebar */
.navbar-sidebar__items {
/* .navbar-sidebar__items: when the window is narrow, the right-header icons are in the pull-down sidebar
.navbar__inner .dropdown__menu: for dropdown menus in the navbar. (note, though, that the current design does not allow dropdowns in the left section.)
*/
.navbar-sidebar__items,
.navbar__inner .dropdown__menu {
/* fontawesome-* classes were added in the item definitions in docusaurus.config.ts */
.fontawesome-container {
display: flex;
Expand Down Expand Up @@ -214,16 +217,23 @@
border-radius: 0.5rem;
}

/* move the expand/contract caret to the far left for improved visibility/group offsetting */
.menu__caret {
/* move the expand/contract caret to the far left for improved visibility/group offsetting.
The second class is active if the subdirectory has no linked-page (so clicking on it just opens the sublist w/o changing the main panel.
*/
.menu__caret,
.menu__link--sublist-caret::after {
order: -1;
padding-left: 0.45em;
padding-right: 0;
border-radius: 0.5rem 0 0 0.5rem; /* match the outer box's corner */
}

&::before {
scale: 0.6;
}
/* The caret is placed differently depending on whether the subdirectory has an index page.
The first is when an "index" is present; the second when there's no linked page */
.menu__caret::before,
.menu__link--sublist-caret::after {
scale: 0.6;
margin-left: 0; /* this is currently needed for .menu__link--sublist-caret::after, but is correct for both */
}

/* split the padding between the caret (previous rule) and the text in the category header */
Expand Down