Często mam próbki kodu w talii slajdów Reveal.js, które mogą być dość duże. Jednak blok kodu (pre i znaczniki kodu) wydaje się mieć zawsze maksymalną wysokość. Przebywając w określonej wysokości, chce przewijać, a nie powiększać pole. Jeszcze nie zorientowałem się, jak zrobić to w polu (pionowo, ale horyzontalnie), aby wypełnić dostępny obszar, a nie przewijać. Nie jestem zainteresowany pauzowaniem prezentacji, aby przewijać za pomocą myszy, aby pokazać więcej kodu. :-) Jakieś sugestie?Jak zwiększyć rozmiar próbek kodu?
7
A
Odpowiedz
4
Plik css dostarczony przez Reveal.js wygląda na responsible for the vertical limit. W związku z tym wydaje się, że nie masz wyboru, ale samodzielnie dostosuj css. Na przykład zmodyfikuj plik css/reveal.css
(i ponownie wygeneruj css/reveal.min.css
).
Można też spróbować zastąpić tę wartość dodatkowym motywem, który można podać. Na przykład skopiuj kod css/theme/default.css
do css/theme/mine.css
, określ styl dla bloków kodu i połącz go z plikiem <head>
pliku prezentacji .
Na wypadek, gdyby ktoś tu trafił: Określony CSS to "maks. Wysokość" ustawiona na '.reveal pre code'. Wystarczy nadpisać tę wartość własnymi regułami CSS i ustawić ją na większą wartość lub na "początkową". –
czy to nadal jest poprawna odpowiedź? – user239558
Teraz istnieje klasa 'stretch', którą możesz umieścić na blokach kodu –