[Enhancement] Improve "all communities" page #703

QuiteSimple commented 2025年06月05日 11:48:41 +02:00

Just some minor nitpicks on the "all communities" page

image

1. Having a dropdown button to reveal filters & search doesn't make too much sense, 99% of people opening the page are probably looking for a specific community. On Lemmy, these are visible by default. I think this page would look nicer if we just ditch the dropdown altogether and show these options by default.
2. The "create local community/add remote community" buttons should be in the same container as everything else so it doesn't take so much vertical space

Just some minor nitpicks on the "all communities" page  1. Having a dropdown button to reveal filters & search doesn't make too much sense, 99% of people opening the page are probably looking for a specific community. On Lemmy, these are visible by default. I think this page would look nicer if we just ditch the dropdown altogether and show these options by default. 2. The "create local community/add remote community" buttons should be in the same container as everything else so it doesn't take so much vertical space

wjs018 commented 2025年06月09日 06:38:31 +02:00

Alright, I have updated the template, inspired by this issue and have attached the updated /communities page (on a test instance). Does this look like what you have in mind? If so, I can make the PR, as I agree that the expandable filters box is unnecessary.

• I decided to break apart the Create Local and Add Remote buttons into separate buttons. The two of them being in a button set doesn't make much logical sense to me. So, hopefully this makes it visually clearer that these are separate actions.
• I also did some tweaking of the css classes for the dropdowns and search bar that make them a bit more responsive (especially if an instance doesn't have feeds or topics).
• I was torn on whether to add a title heading to the page above the buttons/filters, but decided to keep the page without a title heading to prevent taking up more vertical space.

I would also appreciate any input that @rimu might have on the updated visual. One technical benefit that this updated template has is that it no longer requires running the coolfieldset js script.

Alright, I have updated the template, inspired by this issue and have attached the updated `/communities` page (on a test instance). Does this look like what you have in mind? If so, I can make the PR, as I agree that the expandable filters box is unnecessary. - I decided to break apart the Create Local and Add Remote buttons into separate buttons. The two of them being in a button set doesn't make much logical sense to me. So, hopefully this makes it visually clearer that these are separate actions. - I also did some tweaking of the css classes for the dropdowns and search bar that make them a bit more responsive (especially if an instance doesn't have feeds or topics). - I was torn on whether to add a title heading to the page above the buttons/filters, but decided to keep the page without a title heading to prevent taking up more vertical space. I would also appreciate any input that @rimu might have on the updated visual. One technical benefit that this updated template has is that it no longer requires running the `coolfieldset` js script.

QuiteSimple commented 2025年06月09日 13:05:16 +02:00

Looks good to me, nice work.

Looks good to me, nice work.