Auge: Horizontales Scrollen für Code-Blöcke

Beitrag lesen

Hallo

Nun muss mir nur noch ein überhoher Codeblock begegnen. Ich könnte zwar auch eine Postingvorschau erzeugen, aber gelegentlich mag ich es, Geduld zu beweisen. :-)

Nimm dies, du Schurke ;-)

Nicht mal das („gelegentlich mag ich es, Geduld zu beweisen“) lässt du mir. :-)

Das verlinkte Posting bietet zwar auf Anhieb keinen Querscrollbalken – ja, das Fenster schmaler und breiter zu machen, ist mir möglich –, aber es eignet sich gut zur Feinjustage. Der konkrete Wert 100vh - 4rem passt bei einer Höhe von 2.25em von #top nur sehr knappich und unschön in's Bild. Also etwas großzügiger mit 100vh - 6.5rem ran und schon sieht es genehmer aus. Nun noch den Umbruch als solchen mit white-space: pre; unterbinden. Jetzt verhält sich der Codeblock wie gewünscht.

Zusammenfassung:

.posting-content code.block {
white-space: pre;
max-height: calc(100vh - 6.5rem);
}

Tschö, Auge

--
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“