Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2-column for _part_ of a slide #494

Open
jandot opened this issue Mar 25, 2023 · 1 comment
Open

2-column for _part_ of a slide #494

jandot opened this issue Mar 25, 2023 · 1 comment

Comments

@jandot
Copy link

jandot commented Mar 25, 2023

First of all: thank you for all the work put into this library. I did unfortunately run into a possible use case with columns that is not covered yet: what if only part of the slide should be in columns?

From what I understand, the [.columns] needs to be put before the slide separator as in the example below. However, when the header you want to show is of a lower level than what triggers a new slide (i.e. == or ===, that header is also put in a column instead of across the whole width of the slide.
In the example below, the text "Some explanation goes here..." should also be across the whole width of the slide.

Any help appreciated.

[.columns]
=== !
==== Two columns with a list in each
Some explanation goes here...

[.column]
--
* List item 1
** Item 1-1
** Item 1-2
* List item 2
--

[.column]
--
* List item 3
** Item 3-1
** Item 3-2
--
@johthor
Copy link

johthor commented May 14, 2023

Hi @jandot i've got a partial solution for you. In https://github.com/asciidoctor/asciidoctor-reveal.js/blob/master/templates/asciidoctor-compatibility.css you will find some more classes which control how the columns is displayed. In this case all contents of the .columns slide are .column blocks but the first is a block which covers the full width of the slide.

[.columns.wrap]
=== Two columns with a list in each

[.column.is-full]
--
Some explanation goes here...
--

[.column.is-half]
--
* List item 1
** Item 1-1
** Item 1-2
* List item 2
--

[.column.is-half]
--
* List item 3
** Item 3-1
** Item 3-2
--

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants