Skip to content

Nav Tabs styling for more than fout Tabs

https://typo3.org/cms/roadmap/

As a Editor i want to add more than 4 Versions to the Roadmap.

Adding the fifth Tabs is breaking the layout. (See Screenshot)

Setting flex-basis: 20%

Solution:

https://typo3.org/typo3conf/ext/t3olayout/Build/Assets/Scss/components/_listings.scss

@media (min-width: 768px)
.listing__nav-item {
    flex-basis: auto;
}

Screen_Shot_2019-03-07_at_17.34.07

FYI @benni

To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information