Tabs styles bug

1 reply · opened May 6, 2021

Ooleg_king2May 6, 2021

If you make two-level tabs, with ".tabs-bb" at high level and just a ".tabs" inside one of high-level panels - you will get wrong active pills height in inner tabs - 44px instead of 40px. You can see wrong height here: https://prnt.sc/12k0sht

'.tabs-bb .tab-nav li.ui-tabs-active a' style from styles.css works for both high-level pills (which is right) and for all pills in tabs inside high-level panels (which is wrong).

jQuery UI Tabs requires both pills and panels to be inside one container, but sometimes you have to insert something between '.tabs' and 'ui.tab-nav' (if you want AJAX and do not want panels to be inserted just below of pills), so we cannot just use '>' CSS selector in this case.

Just a bug report.

SSemicolon WebSTAFFMay 7, 2021

Hello,

Thank You so much for reporting this bug! We will run more tests on this and will release an update accordingly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard