Skip to content

Styling bug for "show_nav_level": 0  #1251

Closed
@SimenZhor

Description

@SimenZhor

Hi,

I noticed that "show_nav_level": 0 is probably not behaving as intended currently. The chevron/dropdown icons is jumping around and into the scroll-bar like so:

show_nav_level0

The issue seems possible to solve with text-alignment, but I'm not sure if there is a better way to do it. My "fix" that seems to work (in \src\pydata_sphinx_theme\assets\styles\components\_navbar-links.scss):

.toctree-checkbox {
    ~ ul {
      display: none;
    }
    ~ label i {
      transform: rotate(0deg);
      text-align: left;
    }
  }
  .toctree-checkbox:checked {
    ~ ul {
      display: block;
    }
    ~ label i {
      transform: rotate(180deg);
      text-align: right;
    }
  }

Metadata

Metadata

Assignees

No one assigned

    Labels

    kind: bugSomething isn't workingtag: CSSCSS and SCSS related issues

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions