2014-04-21 22 views
7

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?

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 .

+3

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ą". –

+0

czy to nadal jest poprawna odpowiedź? – user239558

+0

Teraz istnieje klasa 'stretch', którą możesz umieścić na blokach kodu –

Powiązane problemy