Feature request: Add filter to reactions to support 30+ reactions in UI #7687

New Issue

GiteaMirror · 2025-11-02T07:33:37-06:00

GiteaMirror commented

2025-11-02 07:33:37 -06:00

Originally created by @SentToDevNull on GitHub (Aug 12, 2021).

Gitea version (or commit ref): latest release executable
Operating system: Debian 10

Description

When adding reactions under the [ui] section in the configuration file, the reactions menu in Gitea does not resize properly to display those reactions.

See screenshot below. I enabled ~150 or so possible reactions on my server, and instead of having a pop-up menu scale to the screen, it remains at a width of four reactions, making the user scroll down endlessly. As can be seen in the screenshot, there is a lot of unused space that could be used to get everything to display on the screen.

Screenshots

Originally created by @SentToDevNull on GitHub (Aug 12, 2021). - Gitea version (or commit ref): latest release executable - Operating system: Debian 10 ## Description When adding reactions under the `[ui]` section in the configuration file, the reactions menu in Gitea does not resize properly to display those reactions. See screenshot below. I enabled ~150 or so possible reactions on my server, and instead of having a pop-up menu scale to the screen, it remains at a width of four reactions, making the user scroll down endlessly. As can be seen in the screenshot, there is a *lot* of unused space that could be used to get everything to display on the screen. ## Screenshots <img width="1268" alt="Screen Shot 2021-08-12 at 12 06 23" src="https://user-images.githubusercontent.com/16690159/129231311-d84b5e8f-aa36-451b-aafc-6a69c36dcbb6.png">

GiteaMirror added the type/proposal type/feature topic/ui labels 2025-11-02 07:33:37 -06:00

GiteaMirror commented

2025-11-02 07:33:38 -06:00

@zeripath commented on GitHub (Aug 12, 2021):

but ... why?

Why would you do this?

@zeripath commented on GitHub (Aug 12, 2021): but ... why? Why would you do this?

GiteaMirror commented

2025-11-02 07:33:38 -06:00

@SentToDevNull commented on GitHub (Aug 12, 2021):

@zeripath It still looks bad because it scales improperly when you enable 30 or so possible reactions. You don't have to enable ~150 to see this play out. (As to why... why not? There's a reason Gitea supports this many reactions.)

Perhaps instead of resizing, it would be possible for the pop-up dialog box to have a scroll bar and search functionality the way Slack does it.

@SentToDevNull commented on GitHub (Aug 12, 2021): @zeripath It still looks bad because it scales improperly when you enable 30 or so possible reactions. You don't have to enable ~150 to see this play out. (As to why... why not? There's a reason Gitea supports this many reactions.) Perhaps instead of resizing, it would be possible for the pop-up dialog box to have a scroll bar and search functionality the way Slack does it.

GiteaMirror commented

2025-11-02 07:33:38 -06:00

@SentToDevNull commented on GitHub (Aug 12, 2021):

Here's an example of how Slack conveniently displays its reactions pop-up dialog box:

The "sections" seem a bit unnecessary. Might as well just display everything in the order specified in the "REACTIONS" field of the settings file, have a scroll bar, and a search box. Something like this would fix the reactions display problem though.

@SentToDevNull commented on GitHub (Aug 12, 2021): Here's an example of how Slack conveniently displays its reactions pop-up dialog box: <img width="358" alt="Screen Shot 2021-08-12 at 12 25 41" src="https://user-images.githubusercontent.com/16690159/129233016-d3420b82-dce8-4d67-8260-26dc7d18f2b0.png"> The "sections" seem a bit unnecessary. Might as well just display everything in the order specified in the "REACTIONS" field of the settings file, have a scroll bar, and a search box. Something like this would fix the reactions display problem though.

GiteaMirror commented

2025-11-02 07:33:38 -06:00

@zeripath commented on GitHub (Aug 12, 2021):

OK so you want a completely different UI to what is being offered currently.

The current UI is simply meant for a very limited number of reactions like Github's reaction list.

You appear to want a UI closer to Slack or Discord.

@zeripath commented on GitHub (Aug 12, 2021): OK so you want a completely different UI to what is being offered currently. The current UI is simply meant for a **very** limited number of reactions like Github's reaction list. You appear to want a UI closer to Slack or Discord.

GiteaMirror commented

2025-11-02 07:33:39 -06:00

@SentToDevNull commented on GitHub (Aug 12, 2021):

What's to say that Gitea can't be made better than Github? (Someone went through the effort to implement all those reactions; might as well make use of them.)

An easy way to fix the UI problem without building a different UI is to have the pop-up dialog box expand horizontally instead of just vertically to make more use of that screen real-estate.

The better option though would be to make that one specific UI element more similar to what Slack provides.

@SentToDevNull commented on GitHub (Aug 12, 2021): What's to say that Gitea can't be made *better* than Github? (Someone went through the effort to implement all those reactions; might as well make use of them.) An easy way to fix the UI problem without building a different UI is to have the pop-up dialog box expand horizontally instead of just vertically to make more use of that screen real-estate. The better option though would be to make that one specific UI element more similar to what Slack provides.

GiteaMirror commented

2025-11-02 07:33:39 -06:00

@SentToDevNull commented on GitHub (Aug 12, 2021):

@zeripath If you'd be willing to implement something like that Slack-style pop-up dialog box for selecting reactions (with a scroll bar and search bar), I'd be willing to buy you a coffee or two. Just let me know :)

@SentToDevNull commented on GitHub (Aug 12, 2021): @zeripath If you'd be willing to implement something like that Slack-style pop-up dialog box for selecting reactions (with a scroll bar and search bar), I'd be willing to [buy you a coffee or two](https://www.buymeacoffee.com/zeripath). Just let me know :)

GiteaMirror commented

2025-11-02 07:33:39 -06:00

@zeripath commented on GitHub (Aug 12, 2021):

I wasn't saying that we shouldn't do it 😛 - it's slightly more complex than it may at first appear but I may be able to get round to it.

@zeripath commented on GitHub (Aug 12, 2021): I wasn't saying that we shouldn't do it :stuck_out_tongue: - it's slightly more complex than it may at first appear but I may be able to get round to it.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#7687