ElkArte Community

Elk Development => Feature Discussion => Topic started by: Spuds on April 01, 2024, 06:45:36 pm

Title: Post Preview Improvements
Post by: Spuds on April 01, 2024, 06:45:36 pm
I enabled post preview here, so when you are in a topic listing and hover (about 1 second) over the topic subject, you get a short preview.

We have had this since 1.0, so the changes are really behavioral/cosmetic.  Also this was one of the former Jquery functions redone in vanilla JS

First it now shows the preview above the hover point IF there is room, otherwise below.  This is opposite of what it was. Since most users work down the list, having the popup above does not block your access to the next list item to hover over.  Previously if you want to go to the next item you had to hover away to clear the hover in order to gain access to the next item.

Second, it used (well still does) cut the post after xx number of characters, but it also now has a max height on the hover preview with the same fade away that we use on long quotes.  The previous behavior was to always show xxx characters, which when you had an inline image or two it could become a very large popup.

Third  It now has a defined min-width so it provides a consistent view/layout.  Previously it was more like a tool-tip, where the width could be very short and kind of look odd.

Anyway check it out if you want :D
Title: Re: Post Preview Improvements
Post by: ahrasis on April 01, 2024, 08:00:19 pm
I guess it's a topic preview rather than a post preview since only the former is shown.
Title: Re: Post Preview Improvements
Post by: radu81 on April 02, 2024, 06:23:40 am
Quote from: Spuds – First it now shows the preview above the hover point IF there is room, otherwise below.  This is opposite of what it was. Since most users work down the list, having the popup above does not block your access to the next list item to hover over.  Previously if you want to go to the next item you had to hover away to clear the hover in order to gain access to the next item.
Never noticed that, I just checked and works as you describe it.