Skip to main content
Topic: Click to expand quote (Read 5909 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Click to expand quote

I often see users on my forum abusing the quote function, they use it even if there is no need to use. I happens on boths forums, xf and elkarte, so nothing to complain about software.
Sometimes they do quote (without reason) very long posts and on elkarte I end up to scroll a full page with only a quote, while on XF the quote is "compressed" (I hope it's the right term)

I attach a couple of screens from XF and one from my elkarte forum. What do you think about it, it has sense to be added on elkarte? Thank you

Re: Click to expand quote

Reply #1

Thats easy to address .... at least I feel so.  I'll post some code once I take a look

Re: Click to expand quote

Reply #2

It's a very good idea.

An other one, maybe : select text and then click to Quote, and just the selected text will be quoted ?


Re: Click to expand quote

Reply #4

Quote from: radu81 – I often see users on my forum abusing the quote function, they use it even if there is no need to use. I happens on boths forums, xf and elkarte, so nothing to complain about software.

Sometimes they do quote (without reason) very long posts and on elkarte I end up to scroll a full page with only a quote, while on XF the quote is "compressed" (I hope it's the right term)

I attach a couple of screens from XF and one from my elkarte forum. What do you think about it, it has sense to be added on elkarte? Thank you
Quick Demo of what I think you want.  Hope this works!

ETA: Seems to work, now some notes. 
- There is no collapse back option, once expanded that is it (yes I could probably add that). 
- In this example the quote length is almost the same as what is allowed so the effect is not as pronounced.  On a long quote you would see the page transition, hopefully smoothly (see example below)
- This is all CSS no JS is needed. 
- Have not tested this on mobile.
- Does not work with nested quotes
Last Edit: January 12, 2022, 04:23:11 pm by Spuds

Re: Click to expand quote

Reply #5

Some sample text to quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt dui ut ornare lectus sit amet. Lorem mollis aliquam ut porttitor leo a diam. Vel elit scelerisque mauris pellentesque pulvinar. Quam pellentesque nec nam aliquam sem. Mi tempus imperdiet nulla malesuada pellentesque elit eget. Egestas pretium aenean pharetra magna ac placerat. Nibh ipsum consequat nisl vel pretium. Cursus risus at ultrices mi tempus imperdiet nulla. Donec ultrices tincidunt arcu non sodales neque. Suspendisse sed nisi lacus sed viverra tellus. Scelerisque purus semper eget duis at tellus at urna condimentum. Ornare arcu odio ut sem. Tortor consequat id porta nibh. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Lectus magna fringilla urna porttitor rhoncus dolor purus non enim.

Tincidunt id aliquet risus feugiat in. Diam vulputate ut pharetra sit amet aliquam id. Quis hendrerit dolor magna eget. Proin sed libero enim sed faucibus turpis in eu mi. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Sit amet massa vitae tortor condimentum lacinia quis. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Ac placerat vestibulum lectus mauris ultrices eros. Mi bibendum neque egestas congue quisque egestas diam in arcu. In vitae turpis massa sed elementum. Pretium viverra suspendisse potenti nullam ac tortor. Integer eget aliquet nibh praesent tristique magna. Tristique senectus et netus et malesuada fames ac turpis egestas. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh.

Vel risus commodo viverra maecenas accumsan lacus. Sit amet dictum sit amet justo donec enim diam. Fringilla est ullamcorper eget nulla facilisi. Dignissim diam quis enim lobortis scelerisque. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Phasellus egestas tellus rutrum tellus. Augue interdum velit euismod in pellentesque massa placerat duis. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Sed odio morbi quis commodo. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Ut diam quam nulla porttitor massa id neque. Elementum eu facilisis sed odio morbi quis. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Amet venenatis urna cursus eget. Luctus accumsan tortor posuere ac ut. Sit amet facilisis magna etiam tempor orci eu. Leo urna molestie at elementum eu facilisis sed.

Facilisi etiam dignissim diam quis enim. Purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac turpis egestas integer eget aliquet nibh praesent. Quam quisque id diam vel quam elementum pulvinar etiam. Ut etiam sit amet nisl purus in mollis. Nisi vitae suscipit tellus mauris a. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Diam phasellus vestibulum lorem sed risus. Imperdiet sed euismod nisi porta lorem mollis. Eget est lorem ipsum dolor sit amet consectetur. Interdum velit euismod in pellentesque. Nec ullamcorper sit amet risus nullam eget. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus.

Eget velit aliquet sagittis id consectetur purus. Habitasse platea dictumst vestibulum rhoncus. Sed sed risus pretium quam vulputate dignissim suspendisse in est. Adipiscing vitae proin sagittis nisl rhoncus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Id neque aliquam vestibulum morbi. Id donec ultrices tincidunt arcu. Tristique sollicitudin nibh sit amet commodo nulla. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Nunc sed id semper risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt dui ut ornare lectus sit amet. Lorem mollis aliquam ut porttitor leo a diam. Vel elit scelerisque mauris pellentesque pulvinar. Quam pellentesque nec nam aliquam sem. Mi tempus imperdiet nulla malesuada pellentesque elit eget. Egestas pretium aenean pharetra magna ac placerat. Nibh ipsum consequat nisl vel pretium. Cursus risus at ultrices mi tempus imperdiet nulla. Donec ultrices tincidunt arcu non sodales neque. Suspendisse sed nisi lacus sed viverra tellus. Scelerisque purus semper eget duis at tellus at urna condimentum. Ornare arcu odio ut sem. Tortor consequat id porta nibh. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Lectus magna fringilla urna porttitor rhoncus dolor purus non enim.

Tincidunt id aliquet risus feugiat in. Diam vulputate ut pharetra sit amet aliquam id. Quis hendrerit dolor magna eget. Proin sed libero enim sed faucibus turpis in eu mi. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Sit amet massa vitae tortor condimentum lacinia quis. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Ac placerat vestibulum lectus mauris ultrices eros. Mi bibendum neque egestas congue quisque egestas diam in arcu. In vitae turpis massa sed elementum. Pretium viverra suspendisse potenti nullam ac tortor. Integer eget aliquet nibh praesent tristique magna. Tristique senectus et netus et malesuada fames ac turpis egestas. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh.

Vel risus commodo viverra maecenas accumsan lacus. Sit amet dictum sit amet justo donec enim diam. Fringilla est ullamcorper eget nulla facilisi. Dignissim diam quis enim lobortis scelerisque. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Phasellus egestas tellus rutrum tellus. Augue interdum velit euismod in pellentesque massa placerat duis. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Sed odio morbi quis commodo. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Ut diam quam nulla porttitor massa id neque. Elementum eu facilisis sed odio morbi quis. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Amet venenatis urna cursus eget. Luctus accumsan tortor posuere ac ut. Sit amet facilisis magna etiam tempor orci eu. Leo urna molestie at elementum eu facilisis sed.

Facilisi etiam dignissim diam quis enim. Purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac turpis egestas integer eget aliquet nibh praesent. Quam quisque id diam vel quam elementum pulvinar etiam. Ut etiam sit amet nisl purus in mollis. Nisi vitae suscipit tellus mauris a. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Diam phasellus vestibulum lorem sed risus. Imperdiet sed euismod nisi porta lorem mollis. Eget est lorem ipsum dolor sit amet consectetur. Interdum velit euismod in pellentesque. Nec ullamcorper sit amet risus nullam eget. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus.

Eget velit aliquet sagittis id consectetur purus. Habitasse platea dictumst vestibulum rhoncus. Sed sed risus pretium quam vulputate dignissim suspendisse in est. Adipiscing vitae proin sagittis nisl rhoncus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Id neque aliquam vestibulum morbi. Id donec ultrices tincidunt arcu. Tristique sollicitudin nibh sit amet commodo nulla. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Nunc sed id semper risus.

Re: Click to expand quote

Reply #6

Quote from: Spuds – Some sample text to quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt dui ut ornare lectus sit amet. Lorem mollis aliquam ut porttitor leo a diam. Vel elit scelerisque mauris pellentesque pulvinar. Quam pellentesque nec nam aliquam sem. Mi tempus imperdiet nulla malesuada pellentesque elit eget. Egestas pretium aenean pharetra magna ac placerat. Nibh ipsum consequat nisl vel pretium. Cursus risus at ultrices mi tempus imperdiet nulla. Donec ultrices tincidunt arcu non sodales neque. Suspendisse sed nisi lacus sed viverra tellus. Scelerisque purus semper eget duis at tellus at urna condimentum. Ornare arcu odio ut sem. Tortor consequat id porta nibh. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Lectus magna fringilla urna porttitor rhoncus dolor purus non enim.

Tincidunt id aliquet risus feugiat in. Diam vulputate ut pharetra sit amet aliquam id. Quis hendrerit dolor magna eget. Proin sed libero enim sed faucibus turpis in eu mi. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Sit amet massa vitae tortor condimentum lacinia quis. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Ac placerat vestibulum lectus mauris ultrices eros. Mi bibendum neque egestas congue quisque egestas diam in arcu. In vitae turpis massa sed elementum. Pretium viverra suspendisse potenti nullam ac tortor. Integer eget aliquet nibh praesent tristique magna. Tristique senectus et netus et malesuada fames ac turpis egestas. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh.

Vel risus commodo viverra maecenas accumsan lacus. Sit amet dictum sit amet justo donec enim diam. Fringilla est ullamcorper eget nulla facilisi. Dignissim diam quis enim lobortis scelerisque. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Phasellus egestas tellus rutrum tellus. Augue interdum velit euismod in pellentesque massa placerat duis. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Sed odio morbi quis commodo. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Ut diam quam nulla porttitor massa id neque. Elementum eu facilisis sed odio morbi quis. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Amet venenatis urna cursus eget. Luctus accumsan tortor posuere ac ut. Sit amet facilisis magna etiam tempor orci eu. Leo urna molestie at elementum eu facilisis sed.

Facilisi etiam dignissim diam quis enim. Purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac turpis egestas integer eget aliquet nibh praesent. Quam quisque id diam vel quam elementum pulvinar etiam. Ut etiam sit amet nisl purus in mollis. Nisi vitae suscipit tellus mauris a. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Diam phasellus vestibulum lorem sed risus. Imperdiet sed euismod nisi porta lorem mollis. Eget est lorem ipsum dolor sit amet consectetur. Interdum velit euismod in pellentesque. Nec ullamcorper sit amet risus nullam eget. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus.

Eget velit aliquet sagittis id consectetur purus. Habitasse platea dictumst vestibulum rhoncus. Sed sed risus pretium quam vulputate dignissim suspendisse in est. Adipiscing vitae proin sagittis nisl rhoncus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Id neque aliquam vestibulum morbi. Id donec ultrices tincidunt arcu. Tristique sollicitudin nibh sit amet commodo nulla. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Nunc sed id semper risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt dui ut ornare lectus sit amet. Lorem mollis aliquam ut porttitor leo a diam. Vel elit scelerisque mauris pellentesque pulvinar. Quam pellentesque nec nam aliquam sem. Mi tempus imperdiet nulla malesuada pellentesque elit eget. Egestas pretium aenean pharetra magna ac placerat. Nibh ipsum consequat nisl vel pretium. Cursus risus at ultrices mi tempus imperdiet nulla. Donec ultrices tincidunt arcu non sodales neque. Suspendisse sed nisi lacus sed viverra tellus. Scelerisque purus semper eget duis at tellus at urna condimentum. Ornare arcu odio ut sem. Tortor consequat id porta nibh. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Lectus magna fringilla urna porttitor rhoncus dolor purus non enim.

Tincidunt id aliquet risus feugiat in. Diam vulputate ut pharetra sit amet aliquam id. Quis hendrerit dolor magna eget. Proin sed libero enim sed faucibus turpis in eu mi. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Sit amet massa vitae tortor condimentum lacinia quis. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Ac placerat vestibulum lectus mauris ultrices eros. Mi bibendum neque egestas congue quisque egestas diam in arcu. In vitae turpis massa sed elementum. Pretium viverra suspendisse potenti nullam ac tortor. Integer eget aliquet nibh praesent tristique magna. Tristique senectus et netus et malesuada fames ac turpis egestas. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh.

Vel risus commodo viverra maecenas accumsan lacus. Sit amet dictum sit amet justo donec enim diam. Fringilla est ullamcorper eget nulla facilisi. Dignissim diam quis enim lobortis scelerisque. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Phasellus egestas tellus rutrum tellus. Augue interdum velit euismod in pellentesque massa placerat duis. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Sed odio morbi quis commodo. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Ut diam quam nulla porttitor massa id neque. Elementum eu facilisis sed odio morbi quis. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Amet venenatis urna cursus eget. Luctus accumsan tortor posuere ac ut. Sit amet facilisis magna etiam tempor orci eu. Leo urna molestie at elementum eu facilisis sed.

Facilisi etiam dignissim diam quis enim. Purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac turpis egestas integer eget aliquet nibh praesent. Quam quisque id diam vel quam elementum pulvinar etiam. Ut etiam sit amet nisl purus in mollis. Nisi vitae suscipit tellus mauris a. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Diam phasellus vestibulum lorem sed risus. Imperdiet sed euismod nisi porta lorem mollis. Eget est lorem ipsum dolor sit amet consectetur. Interdum velit euismod in pellentesque. Nec ullamcorper sit amet risus nullam eget. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus.

Eget velit aliquet sagittis id consectetur purus. Habitasse platea dictumst vestibulum rhoncus. Sed sed risus pretium quam vulputate dignissim suspendisse in est. Adipiscing vitae proin sagittis nisl rhoncus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Id neque aliquam vestibulum morbi. Id donec ultrices tincidunt arcu. Tristique sollicitudin nibh sit amet commodo nulla. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Nunc sed id semper risus.
Now lets see what this does ... If you see nothing new, or its broken, please refresh your cache (ctrl+f5)

Re: Click to expand quote

Reply #7

Just tested on Firefox (desktop & mobile) and works fine. I'd say there is no need for a collapse back button. Thanks for adding it to Elkarte
sorry for my bad english

Re: Click to expand quote

Reply #8

Quote from: Spuds –
Quote from: Spuds – Some sample text to quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt dui ut ornare lectus sit amet. Lorem mollis aliquam ut porttitor leo a diam. Vel elit scelerisque mauris pellentesque pulvinar. Quam pellentesque nec nam aliquam sem. Mi tempus imperdiet nulla malesuada pellentesque elit eget. Egestas pretium aenean pharetra magna ac placerat. Nibh ipsum consequat nisl vel pretium. Cursus risus at ultrices mi tempus imperdiet nulla. Donec ultrices tincidunt arcu non sodales neque. Suspendisse sed nisi lacus sed viverra tellus. Scelerisque purus semper eget duis at tellus at urna condimentum. Ornare arcu odio ut sem. Tortor consequat id porta nibh. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Lectus magna fringilla urna porttitor rhoncus dolor purus non enim.

Tincidunt id aliquet risus feugiat in. Diam vulputate ut pharetra sit amet aliquam id. Quis hendrerit dolor magna eget. Proin sed libero enim sed faucibus turpis in eu mi. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Sit amet massa vitae tortor condimentum lacinia quis. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Ac placerat vestibulum lectus mauris ultrices eros. Mi bibendum neque egestas congue quisque egestas diam in arcu. In vitae turpis massa sed elementum. Pretium viverra suspendisse potenti nullam ac tortor. Integer eget aliquet nibh praesent tristique magna. Tristique senectus et netus et malesuada fames ac turpis egestas. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh.

Vel risus commodo viverra maecenas accumsan lacus. Sit amet dictum sit amet justo donec enim diam. Fringilla est ullamcorper eget nulla facilisi. Dignissim diam quis enim lobortis scelerisque. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Phasellus egestas tellus rutrum tellus. Augue interdum velit euismod in pellentesque massa placerat duis. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Sed odio morbi quis commodo. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Ut diam quam nulla porttitor massa id neque. Elementum eu facilisis sed odio morbi quis. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Amet venenatis urna cursus eget. Luctus accumsan tortor posuere ac ut. Sit amet facilisis magna etiam tempor orci eu. Leo urna molestie at elementum eu facilisis sed.

Facilisi etiam dignissim diam quis enim. Purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac turpis egestas integer eget aliquet nibh praesent. Quam quisque id diam vel quam elementum pulvinar etiam. Ut etiam sit amet nisl purus in mollis. Nisi vitae suscipit tellus mauris a. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Diam phasellus vestibulum lorem sed risus. Imperdiet sed euismod nisi porta lorem mollis. Eget est lorem ipsum dolor sit amet consectetur. Interdum velit euismod in pellentesque. Nec ullamcorper sit amet risus nullam eget. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus.

Eget velit aliquet sagittis id consectetur purus. Habitasse platea dictumst vestibulum rhoncus. Sed sed risus pretium quam vulputate dignissim suspendisse in est. Adipiscing vitae proin sagittis nisl rhoncus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Id neque aliquam vestibulum morbi. Id donec ultrices tincidunt arcu. Tristique sollicitudin nibh sit amet commodo nulla. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Nunc sed id semper risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt dui ut ornare lectus sit amet. Lorem mollis aliquam ut porttitor leo a diam. Vel elit scelerisque mauris pellentesque pulvinar. Quam pellentesque nec nam aliquam sem. Mi tempus imperdiet nulla malesuada pellentesque elit eget. Egestas pretium aenean pharetra magna ac placerat. Nibh ipsum consequat nisl vel pretium. Cursus risus at ultrices mi tempus imperdiet nulla. Donec ultrices tincidunt arcu non sodales neque. Suspendisse sed nisi lacus sed viverra tellus. Scelerisque purus semper eget duis at tellus at urna condimentum. Ornare arcu odio ut sem. Tortor consequat id porta nibh. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Lectus magna fringilla urna porttitor rhoncus dolor purus non enim.

Tincidunt id aliquet risus feugiat in. Diam vulputate ut pharetra sit amet aliquam id. Quis hendrerit dolor magna eget. Proin sed libero enim sed faucibus turpis in eu mi. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Sit amet massa vitae tortor condimentum lacinia quis. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Ac placerat vestibulum lectus mauris ultrices eros. Mi bibendum neque egestas congue quisque egestas diam in arcu. In vitae turpis massa sed elementum. Pretium viverra suspendisse potenti nullam ac tortor. Integer eget aliquet nibh praesent tristique magna. Tristique senectus et netus et malesuada fames ac turpis egestas. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh.

Vel risus commodo viverra maecenas accumsan lacus. Sit amet dictum sit amet justo donec enim diam. Fringilla est ullamcorper eget nulla facilisi. Dignissim diam quis enim lobortis scelerisque. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Phasellus egestas tellus rutrum tellus. Augue interdum velit euismod in pellentesque massa placerat duis. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Sed odio morbi quis commodo. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Ut diam quam nulla porttitor massa id neque. Elementum eu facilisis sed odio morbi quis. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Amet venenatis urna cursus eget. Luctus accumsan tortor posuere ac ut. Sit amet facilisis magna etiam tempor orci eu. Leo urna molestie at elementum eu facilisis sed.

Facilisi etiam dignissim diam quis enim. Purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac turpis egestas integer eget aliquet nibh praesent. Quam quisque id diam vel quam elementum pulvinar etiam. Ut etiam sit amet nisl purus in mollis. Nisi vitae suscipit tellus mauris a. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Diam phasellus vestibulum lorem sed risus. Imperdiet sed euismod nisi porta lorem mollis. Eget est lorem ipsum dolor sit amet consectetur. Interdum velit euismod in pellentesque. Nec ullamcorper sit amet risus nullam eget. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus.

Eget velit aliquet sagittis id consectetur purus. Habitasse platea dictumst vestibulum rhoncus. Sed sed risus pretium quam vulputate dignissim suspendisse in est. Adipiscing vitae proin sagittis nisl rhoncus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Id neque aliquam vestibulum morbi. Id donec ultrices tincidunt arcu. Tristique sollicitudin nibh sit amet commodo nulla. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Nunc sed id semper risus.
Now lets see what this does ... If you see nothing new, or its broken, please refresh your cache (ctrl+f5)


Quote from: Spuds – - Does not work with nested quotes

Let's see how this works with nested quotes  :P

P.S. I don't use nested quotes on my forum
Last Edit: January 12, 2022, 11:14:03 am by radu81
sorry for my bad english

Re: Click to expand quote

Reply #9

If I am not asking too much, can this be enabled only for quotes longer than 4-5 rows? As you can see in the post above it is showing "Read more" even there is nothing more to read.
sorry for my bad english

Re: Click to expand quote

Reply #10

On a Samsung S20 using Chrome, I'm getting full quotes and a checkbox?

Re: Click to expand quote

Reply #11

You need to clear the cache first, then it will work ;)
sorry for my bad english

Re: Click to expand quote

Reply #12

Quote from: radu81 – You need to clear the cache first, then it will work ;)
Unfortunately that's a no go. Let's try it in another browser...

**Edit - apparently a cache cleaning and a restart are required to appease the Samsung deities. ;D

That's way cool!
Last Edit: January 12, 2022, 01:46:58 pm by badmonkey

Re: Click to expand quote

Reply #13

I think I have the nested quotes figured out, I sure do hate those things!  Not only the code but actually seeing them in use LOL

Now onto the one line / short quote issue .... that may take some JS to fix, not sure yet!  Now if CSS container query were here I could fix it easy, but thats a ways off I'm afraid.

Clearing the cache on some devices is really difficult, notably mobile :iphone: , some just don't like to do it

Re: Click to expand quote

Reply #14

Looks like the short quote is now partially working, some are now simple quotes and some are still collapsed.  More investigation is required!