After upgrading to Drupal 8.7.5 on a site that uses the Seven theme for the Administrative Theme, the vertical tabs started appearing as a bulleted list.

This is related to the issue "Fix RTL styles of Vertical tabs in Seven Theme (3055760)". It changed the CSS file used for the vertical tabs in Seven's info.yml file to use the following:

core/drupal.vertical-tabs:
css:
component:
/core/themes/stable/css/core/vertical-tabs.css: false

The Stable Theme's vertical-tabs.css file does not have the style for the vertical-tabs__menu class. Specifically this property is missing:
list-style: none;

I propose adding that property to core/themes/seven/css/components/vertical-tabs.css

CommentFileSizeAuthor
#7 3075912-8.7.x.png24.08 KBindrajithkb
#7 3075912-8.8.x.png25.18 KBindrajithkb
#5 tabs.png116.02 KBpoojakural
#5 tab.png57.41 KBpoojakural
#2 seven-theme-vertical-tabs-appear-as-bulleted-list-3075912-2.patch454 bytesbeefheartfan
Bullets.PNG18.15 KBbeefheartfan

Comments

beefheartfan created an issue. See original summary.

beefheartfan’s picture

beefheartfan commented
StatusFileSize
new seven-theme-vertical-tabs-appear-as-bulleted-list-3075912-2.patch454 bytes

Attached is my patch for adding the list-style: none; property to the vertical-tabs__menu class.

Version: 8.7.x-dev » 8.8.x-dev

Drupal 8.7.9 was released on November 6 and is the final full bugfix release for the Drupal 8.7.x series. Drupal 8.7.x will not receive any further development aside from security fixes. Sites should prepare to update to 8.8.0 on December 4, 2019. (Drupal 8.8.0-beta1 is available for testing.)

Bug reports should be targeted against the 8.8.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.9.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

poojakural’s picture

poojakural commented
Assigned: Unassigned » poojakural
poojakural’s picture

poojakural commented
StatusFileSize
new tab.png57.41 KB
new tabs.png116.02 KB

@beefheartfan can you provide the step to reproduce.

I have tested on Drupal 8.8.6 with field group group tabs and tab option. Not able to see this kind of issue. Please refer the SS.

poojakural’s picture

poojakural commented
Assigned: poojakural » Unassigned
Status: Active » Needs review

Please refer my above comments. Need more information on it

indrajithkb’s picture

indrajithkb commented
StatusFileSize
new 3075912-8.8.x.png25.18 KB
new 3075912-8.7.x.png24.08 KB

Hi @poojakural you are right the issue is not there.
This has fixed with#3028675 (patch #10)

8.7.x

8.7.x

8.8.x

8.8.x

@beefheartfan you can close this issue as outdated.

indrajithkb’s picture

indrajithkb commented
Status: Needs review » Reviewed & tested by the community

Version: 8.8.x-dev » 8.9.x-dev

Drupal 8.8.7 was released on June 3, 2020 and is the final full bugfix release for the Drupal 8.8.x series. Drupal 8.8.x will not receive any further development aside from security fixes. Sites should prepare to update to Drupal 8.9.0 or Drupal 9.0.0 for ongoing support.

Bug reports should be targeted against the 8.9.x-dev branch from now on, and new development or disruptive changes should be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

alexpott’s picture

alexpott
he/they
Primary language English
Location 🇪🇺🌍
commented
Status: Reviewed & tested by the community » Closed (duplicate)
Related issues: +#3028675: Vertical Tabs are unnecessarily hiding content with overflow: hidden

Yep this was fixed #3028675: Vertical Tabs are unnecessarily hiding content with overflow: hidden