"tab": automatically selected tab is not formatted as bold
After loading a page containing a "tabbed" widget, the label of the currently active tab (the first) is not formatted as bold.
The active tab receives the proper CSS class (tabbed-tab-current
), but the corresponding CSS selector seems to be wrong (see tabbed.less#L52):
.tabbed-tab.tabbed-tab-current &,
.tabs-component-tab.is-active & {
After editing the generated CSS manually, I think that the following changes are needed:
-
.tabbed-tab
needs to be removed from the first line - the
&
needs to be removed from both lines