Full Row Bulk Select

Theme component
1
:information_source: Summary Makes the full topic list item row selectable
:eyeglasses: Preview Theme Creator
:hammer_and_wrench: Repository GitHub - VaperinaDEV/full-row-bulk-select: This theme component makes the full topic list item row selectable with click or tap.
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Hello :wave:

This theme component makes the full topic list item row selectable with click or tap. It makes much easier to select a topic mainly on mobile.

Screenshot 2023-07-28 at 22.31.03
Screenshot 2023-07-28 at 22.31.031318×683 101 KB

17 Likes
2

Seem like something that should be official ?

8 Likes
3

Very good function, solved a big problem!!! Thank you!! And the official should include this plug-in!!!

2 Likes
4

There is an issue. With iPad anyway, others I didn’t check.

The image shows a computer screen displaying the homepage of a website with various sections, such as Topics, Build Actions, Bulletin, and more. (Captioned by AI)
The image shows a computer screen displaying the homepage of a website with various sections, such as Topics, Build Actions, Bulletin, and more. (Captioned by AI)2360×1640 376 KB

Five selected. Showing selected rows that way is strange and in the beginning it was’t like that. If I select all and start scrolling that blue goes gradiently deeply and deeply, and at some point DiscourseHub crashes (that crashing can be another issue of DiscourseHub and iPad, though).

But there is a conflict with Topic List Previews.

"A screenshot of a web browser displaying a research paper from a trusted academic site, with a focus on geology and history." (Captioned by AI)
"A screenshot of a web browser displaying a research paper from a trusted academic site, with a focus on geology and history." (Captioned by AI)1920×1334 137 KB

Everything (aka. 30 in Discourse lingo) is selected. The text says so too, but there is only one selected. And if everything should be cleared, it actually erases only one selection and moves check mark one step downwards.

I let you guys armwrestle is that a real confict or does it come from Discourse or what. But selection with gradient blue just doesn’t work :smirk:

1 Like
5

Hello :wave: Yeah, it seems this issue is on Safari, not too much likes table with position: relative;. I think that is not possible to make it with css. But I’ve fixed it with Javascript, we had to calculate the topic-list-item height and use it to the bulk-select overlay height.

Thanks for the report :slight_smile:

1 Like
6

Thanks! It works nicely now [1]

  1. except with Topic List Previews, but that issue is just cosmetic ↩︎

1 Like