Skip to content

Decouple menu expand and collapse from active item #692

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.

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
wants to merge 5 commits into
base: master
Choose a base branch
from

Conversation

jessetan
Copy link
Contributor

@jessetan jessetan commented Oct 26, 2018

This PR introduces the ability to expand and collapse menu items independent of the current active item.
Before this, collapsing and expanding a menu item was coupled to the styling and logic that colored and highlighted the active item.

  • Makes hover colors and expand/collapse icon colors consistent over all menu items:

    Old New
    hover old hover new
  • Expanding a non-active menu item no longer collapses the active menu item. Collapsing the active menu item no longer makes it look inactive.

    Old New
    expand old expand new
  • Clicking the active item no longer makes it look inactive (Sidebar anchors double-click loose selection #306)

  • Adds some comments and slight cleanup of the menu CSS.

Fixes #306 amongst others. Prerequisite for #455.

@Blendify
Copy link
Member

Overall I really like this change. I haven't had much chance to go over code yet.

@mahmoud
Copy link

mahmoud commented Nov 8, 2018

Looking forward to this for #455! :)

@jessetan jessetan added Design Design or UX/UI related Needed: design decision A core team decision is required labels Jul 18, 2019
@springer13
Copy link

Is there any chance that this MR gets accepted anytime soon? Thanks

@Blendify
Copy link
Member

@jessetan any chance that you can update this to master? And revert the changes to the background/hover colors. I am not against that change but rather it be in a separate PR.

@Blendify Blendify added this to the 2.0 milestone Mar 23, 2021
@agjohnson agjohnson modified the milestones: 2.1, 2.2 Sep 28, 2023
Copy link

@Conmemay200 Conmemay200 left a comment

Choose a reason for hiding this comment

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

@@ -114,7 +115,7 @@ function ThemeNav () {
var link = $(this);
expand = $('<span class="toctree-expand"></span>');
expand.on('click', function (ev) {
self.toggleCurrent(link);
self.toggleExpanded(link);
ev.stopPropagation();
return false;

Choose a reason for hiding this comment

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

false

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Design Design or UX/UI related Needed: design decision A core team decision is required
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Sidebar anchors double-click loose selection
7 participants