Feature: Scrollable Content Boxes

(Hanon Ondricek) #1

This is available under the gear when composing a post.

If you have a really long excerpt, quote, transcript, or code block, you can highlight the whole section, click the gear, and select scrollable content. This displays long content in a 300px box with a scroll bar.

Here’s what it looks like:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam sollicitudin tempor id eu. Eget dolor morbi non arcu risus quis varius quam quisque. Consectetur a erat nam at lectus urna duis. Ipsum a arcu cursus vitae congue mauris rhoncus aenean vel. Sed libero enim sed faucibus. Nisl purus in mollis nunc sed. Lobortis scelerisque fermentum dui faucibus. Lacus vel facilisis volutpat est velit egestas. Eget gravida cum sociis natoque penatibus et magnis dis.

You can include code tags which should be copyable:


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam sollicitudin tempor id eu. Eget dolor morbi non arcu risus quis varius quam quisque. Consectetur a erat nam at lectus urna duis. Ipsum a arcu cursus vitae congue mauris rhoncus aenean vel. Sed libero enim sed faucibus. Nisl purus in mollis nunc sed. Lobortis scelerisque fermentum dui faucibus. Lacus vel facilisis volutpat est velit egestas. Eget gravida cum sociis natoque penatibus et magnis dis.`

Unfortunately, [spoiler] blur cannot be revealed within scrollable text.

Who knows what this says?

You can use a details tag though:

Bonus Hidden Section!

Curabitur vitae nunc sed velit dignissim sodales ut eu sem. Placerat duis ultricies lacus sed turpis tincidunt id. Amet consectetur adipiscing elit duis tristique. Erat nam at lectus urna duis convallis convallis tellus. Interdum consectetur libero id faucibus. Est lorem ipsum dolor sit amet consectetur adipiscing. Eget arcu dictum varius duis at consectetur lorem. Convallis posuere morbi leo urna. Vel pretium lectus quam id. Iaculis nunc sed augue lacus viverra vitae congue eu. Lorem donec massa sapien faucibus et molestie ac feugiat. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Lobortis feugiat vivamus at augue eget arcu dictum. Tellus cras adipiscing enim eu turpis egestas pretium. Vitae congue mauris rhoncus aenean vel. Purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam sollicitudin tempor id eu. Eget dolor morbi non arcu risus quis varius quam quisque. Consectetur a erat nam at lectus urna duis. Ipsum a arcu cursus vitae congue mauris rhoncus aenean vel. Sed libero enim sed faucibus. Nisl purus in mollis nunc sed. Lobortis scelerisque fermentum dui faucibus. Lacus vel facilisis volutpat est velEu non diam phasellus vestibulum lorem sed risus ultricies tristique. Faucibus interdum posuere lorem ipsum. Pellentesque id nibh tortor id aliquet lectus proin nibh nisl. Pulvinar neque laoreet suspendisse interdum. Quam nulla porttitor massa id neque aliquam vestibulum morbi blandit. Commodo nulla facilisi nullam vehicula ipsum a. Tincidunt eget nullam non nisi. Magna etiam tempor orci eu lobortis elementum nibh tellus. Massa eget egestas purus viverra. Est ante in nibh mauris cursus mattis molestie a. Sit amet facilisis magna etiam tempor orci eu lobortis elementum. Pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus. Ac ut consequat semper viverra nam. Fusce ut placerat orci nulla pellentesque dignissim enim sit amet. Vitae ultricies leo integer malesuada nunc.

Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam. Sit amet consectetur adipiscing elit. Accumsan tortor posuere ac ut consequat semper. Nibh mauris cursus mattis molestie a. Ultrices eros in cursus turpis massa. Ut placerat orci nulla pellentesque dignissim enim sit amet venenatis. Varius duis at consectetur lorem donec massa sapien faucibus. Ultricies mi eget mauris pharetra. Porttitor eget dolor morbi non arcu risus quis. Eget arcu dictum varius duis at consectetur. Duis convallis convallis tellus id interdum velit laoreet id. Ut etiam sit amet nisl purus in mollis. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque. Diam maecenas ultricies mi eget mauris pharetra et. Mus mauris vitae ultricies leo integer malesuada nunc vel. Ullamcorper dignissim cras tincidunt lobortis feugiat. Neque viverra justo nec ultrices dui sapien eget. Magna fermentum iaculis eu non diam phasellus vestibulum.

Amet massa vitae tortor condimentum lacinia quis vel eros donec. Imperdiet dui accumsan sit amet. Pharetra magna ac placerat vestibulum lectus mauris ultrices eros in. Velit euismod in pellentesque massa. Fringilla ut morbi tincidunt augue interdum velit euismod. Amet consectetur adipiscing elit duis. Netus et malesuada fames ac turpis egestas maecenas. Elit ut aliquam purus sit amet. Congue mauris rhoncus aenean vel elit scelerisque. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Nulla malesuada pellentesque elit eget gravida cum. Tellus id interdum velit laoreet id donec ultrices. Nunc sed blandit libero volutpat sed. Quis lectus nulla at volutpat diam ut venenatis tellus.

2 Likes