Tab wrapping bug in Tab component

edited June 7, 2018 in Questions
Hello all!

Just wanted to highlight a bug in the tab component where the tabs don't wrap correctly. It's hard to describe so I made a video... I've seen this in multiple orgs but haven't gotten round to documenting it until now.

Cheers!

Louis




Comments

  • edited June 7, 2018
    Ah! I can see that the issue is actually due to this css in the theme:
    .ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {     border-top: 0 solid transparent;
    }
    If you get rid of the border-top on the active tab the problem goes away. For now I'll just add this to some page CSS.

    Cheers!

    Louis
  • edited June 7, 2018
    Last note - so, to fix - apply:
    .ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
        border-top: 1px solid transparent;
    }
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!