Skip to content

Vertically-oriented tabs #219

Open
Open
@QuLogic

Description

@QuLogic

Context

On the Matplotlib homepage, we list some tools using vertically-oriented tabs. This is implemented through regular HTML. I am now porting the site to reST+sphinx-design, and would like to replicate it as best possible. While I have been able to replicate the styling relatively closely, I cannot figure out how to make the tabs vertical.

In our original site, the tab labels all come before the tab content divs, whereas in sphinx-design, the tab label is interleaved with the content divs. I think this is what makes it difficult to achieve vertical tabs purely in CSS, but I am no expert in web development, and it may still be possible.

Proposal

  • Add an option to tab-set for where to put the labels, stacked above, or stacked to the left.
  • For flexibility, it may also be nice to allow stacked on right or stack on bottom, but I don't know how difficult that is to implement.

Tasks and updates

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions