Est-il possible d'ajouter des barres de défilement verticales dans Jekyll pour un code vraiment long? J'ai essayé d'ajouter un attribut Height dans _syntax.scss mais sans chance. Le surligneur de syntaxe J'utilise est rouge et le thème que je utilise est ici: https://github.com/mmistakes/hpstr-jekyll-themeBarres de défilement verticales dans Jekyll Rouge
2
A
Répondre
1
Oui, assurez-vous d'ajouter ce CSS à votre thème:
pre.highlight {
max-height: 200px; /* Change to your desired max height */
overflow-y: scroll;
}
mise à jour. En utilisant l'URL OP fournie ici est ce que je l'ai fait:
Lookp où le point culminant de la classe est définie et ajoutez ceci à la fin de sa déclaration:
.highlight {
[...]
border: 1px solid #dbdbdb;
background-color: #272822;
border-radius: 3px;
/** This part **/
max-height: 300px;
overflow-y: auto;
}
qui fonctionne un peu si vous le placez sous le tag pre au lieu de pre.highlight, mais cela a l'air amusant: https://raw.githubusercontent.com/Supercap2F/supercap2f.github.io/master/images/funnycode.png – Supercap2F
Avez-vous mis un débordement ou débordement-y? On dirait un débordement pour moi, sauf si vous avez d'autres CSS qui interfèrent. Je l'ai essayé directement sur la page thème Hpstr et ça a bien fonctionné. – Vallieres
J'ai mis overflow-y comme votre code, et je ne pense pas avoir de css personnalisé qui l'affecterait. J'ai également essayé de mettre ce code sous .highlight et voici comment il est sorti: https://raw.githubusercontent.com/Supercap2F/supercap2f.github.io/master/images/funnypic2.png Il n'a pas les thèmes de style et n'affiche pas les barres de défilement inférieures jusqu'à ce que vous descendiez complètement. – Supercap2F