Sidebar Breite für Modul begrenzen

hallo,
ich habe ein Problem mit der Sidebar.
Ich habe ein Modul geschrieben, das die Kategorien des Kunena Forums 
in einer bootstrap Accordion Ansicht anzeigt.

Um die Übersichtlichkeit zu bewahren ist bei allen Kategorienamen
die CSS Einstellung: text-wrap: nowrap; und  overflow: hidden  gesetzt.

die ganze sidebar ist ja als flex-container ausgelegt  (mit der var Breite 20%)

da ja manche Kategorienamen sehr lang sind sollten sie eigentlich abgeschnitten werden,
aber das passiert nur mit den letzten 2 Buchstaben und die ganze Sidebar wird verbreitert,
was ich aber natürlich nicht möchte.
Eine feste Breite in px kann ich ja auch nicht vorgeben, sonst passt es nicht zum Flex-Design.

Ich habe schon viel gegoogelt und ausprobiert aber bisher keinen Erfolg.

wie kann ich den Kategorien Container auf die Ursprungsbreite der Sidebar begrenzen?

danke


 

Kannst du mir eine URL angeben wo ich deinen Versuch anschauen kann? Dann geht es einfacher zum Testen für mich.

gern,

hab das mal in privat gepackt.


solltest Du als admin  ja genauso sehen

Versuch mal dies:

danke, probier ich mal.

funktioniert perfekt
hätte ich auch darauf kommen können.
Du hast einfach der gesamten sidbar #leftcol eine max-width zugewiesen,
und ich dachte das wäre mit flex-basis schon so festgelegt.
danke

Kannst Du mir vielleicht auch erklären, wieso das overflow:hidden 
so überhaupt nicht funktioniert hat? (bzw. nur zwei Buchstaben abschneidet)

Flex verhält sich manchmal etwas komisch

Ich glaub das overflow funktioniert nur wenn der Container eine spezifische Breite hat. Zusammen mit dem flex das sich da etwas zu sehr anpasst, hat das wohl nicht funktioniert.