Template: Breite von Main Content für XL vergrößeren
Erstmal zur Diskussion.
Ich denke, wir könnten evtl. die Breite vom Main-Content für XL-Displays (d.h. ≥1200px) etwas vergrößeren, sonst wird einfach viel Platz verschenkt und man muss ewig scrollen.
Das fiel mir auf, als ich bei der Kooperationsprojekt-Seite nach was schaute.
Bootstrap hat ja auch XL-Breakpoints für Breiten größer als 1200px. Aktuell wird im Template col-lg-6
für den Main-Content genommen, was 50% bei Displays ≥992px entspricht, mit der Sidebar col-lg-3
. Vielleicht kann man von 50% auf ~70% gehen? (col-xl-7
/9
mit den beiden Sidebars entsprechend kleiner).
Ich bin mir jedoch auch nicht sicher, wie genau die Max container width im Bootstrap Grid System reinspielt, die mit 1140px
sowieso die Breite auf ein nicht zu breites Erscheinen beschränkt.
Und die Navigations-Sidebar hat manchmal bei mir einen width: 0px;
Inline-Style oder ähnliche sehr kleine Werte, siehe <div id="toc-wrapper" class="is-sticky" style="width: 0px;">
, was hier (toc.js
) gesetzt wird. Das erzwingt bei mir aber teilweise unsinnige Umbrüche. Ohne die width
-Angabe sieht die Navigation sehr viel besser aus. Bzw. ein margin-right
oder padding-right
von 1rem
sieht ganz ok aus, damit es nicht bis ganz zum Bildschirmrand reicht.