/ / Verwendung von Flexbox-Layout mit eckigen Ui-Tabs - Angularjs, Tabs, Angular-Ui, Flexbox

Flexbox-Layout mit eckigen Ui-Tabs verwenden - Angularjs, Tabs, Angular-Ui, Flexbox

Ich möchte Flexbox Layout mit eckigen ui Tabs (ui.bootstrap.tabs) verwenden. Ich habe diesen Plunker:

http://plnkr.co/edit/9ToL1WLwgDVT0DldMnaa

Ich habe die UI-Vorlage so geändert, dass alle Divs die Flexbox-Klassen bekommen. Trotzdem füllt der Tab Content-Div den voll verfügbaren Platz nicht aus.

Irgendeine Idee?

Antworten:

0 für die Antwort № 1

Ich habe eine Lösung gefunden. Hier ist ein aktualisierter Plünderer:

http://plnkr.co/edit/oswSGYApFj9sSohms0FS?p=preview

Der Schlüssel ist, die Anzeigeeigenschaft der Klasse ".tab-content> .active" zu überschreiben. Standardmäßig ist es auf "display: block" eingestellt. Es muss auf "display: flex" eingestellt werden.