Skip to content
This repository has been archived by the owner on Jun 3, 2024. It is now read-only.

New Tabs/Tab components displays wrong in vertical mode. #390

Closed
rbooysen opened this issue Nov 9, 2018 · 1 comment · Fixed by #392
Closed

New Tabs/Tab components displays wrong in vertical mode. #390

rbooysen opened this issue Nov 9, 2018 · 1 comment · Fixed by #392

Comments

@rbooysen
Copy link

rbooysen commented Nov 9, 2018

Hi,

The new Tabs/Tab core components have display issues when used in vertical=True mode.
The following are differences between the old tabs component and the new one:

  • For unselected tabs, the gray right side border is missing.
  • Selected tabs (except the last one) have an incorrect extra gray bottom border.
  • The last selected tab has an incorrect extra top blue border.
  • The bottom part of the tabs component beneath the tabs does not have a border on the right side.

Also, both in vertical and horizontal mode the tabs displays wrong at small sizes.
This can be worked around by setting mobile_breakpoint=0.

tabs.zip

@chriddyp chriddyp transferred this issue from plotly/dash Nov 26, 2018
@valentijnnieman
Copy link
Contributor

Thanks for reporting! Looking into this now.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants