Skip to content
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

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

Closed
rbooysen opened this issue Nov 9, 2018 · 1 comment

Comments

Projects
None yet
2 participants
@rbooysen
Copy link

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

This comment has been minimized.

Copy link
Contributor

commented Nov 26, 2018

Thanks for reporting! Looking into this now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.