Vertikale Scrollbars in Jekyll Rouge

Gibt es überhaupt in Jekyll vertikale Scrollbalken für wirklich langen Code? Ich habe versucht, ein Attribut Höhe in _syntax.scss hinzuzufügen, aber ohne Glück. Die Syntax-Highlighter Ich verwende ist rouge und das Thema ich benutze hier: https://github.com/mmistakes/hpstr-jekyll-theme Vertikale Scrollbars in Jekyll Rouge

Quelle

2016-07-20 Supercap2F

Ja, stellen Sie sicher, dass Sie diese CSS zu Ihrem Thema hinzufügen:

pre.highlight { 
    max-height: 200px; /* Change to your desired max height */ 
    overflow-y: scroll; 
}

aktualisieren. die OP-URL ist hier mit Hilfe des mitgelieferten, was ich tat:

Lookp wo die Klasse Highlight definiert ist, und fügen Sie diese bis zum Ende seiner Erklärung:

.highlight { 
    [...] 
    border: 1px solid #dbdbdb; 
    background-color: #272822; 
    border-radius: 3px; 

/** This part **/ 
    max-height: 300px; 
    overflow-y: auto; 
}

Ergebnisse:

Quelle

2016-07-20 21:16:41 Vallieres

Das irgendwie funktioniert wenn Sie es unter dem Pre-Tag anstelle von pre.highlight, aber es sieht lustig: https://raw.githubusercontent.com/Supercap2F/supercap2f.github.io/master/images/funnyycy.png – Supercap2F

Haben Sie Überlauf oder Überlauf-y? Sieht für mich wie Überlauf aus, es sei denn, Sie haben andere CSS, die sich störend auswirken. Ich habe es direkt auf der Hpstr-Themenseite ausprobiert und es hat gut funktioniert. – Vallieres

Ich übergebe-y genau wie Ihr Code, und ich glaube nicht, dass ich benutzerdefinierte CSS haben, die es beeinflussen würde. Ich habe auch versucht, diesen Code unter .highlight zu setzen und hier ist, wie es herauskam: https://raw.githubusercontent.com/Supercap2F/supercap2f.github.io/master/images/funnypic2.png Es hat nicht die Designs style und zeigt die unteren Bildlaufleisten erst an, wenn Sie ganz nach unten blättern. – Supercap2F

Antwort

Verwandte Themen