Content
View differences
Updated by Ivan Kuchin over 1 year ago
**Context**
A work package was missing for [PR 17869](https://github.com/opf/openproject/pull/17869). This will try to cover the acceptance criteria for this work.
**Acceptance criteria**
* In the emoji selection pop-over,
* Reduce horizontal spacing between the emojis when clicking
* Make add reaction buttons square
* Increase size of the emojis
* ~~Use the 'counter' element to indicate the number of users having selected this emoji~~
**Technical notes**
* If counter is to be used, `button.with_trailing_visual_counter` is adding it
* At least on mac in chrome and firefox square emoji dimensions seem to be equal to font-size value, but I failed to find anything specifying that <mention class="mention" data-id="95889" data-type="user" data-text="@Ivan Kuchin">@Ivan Kuchin</mention>, please add technical notes here
**Permissions and visibility considerations**
* No changes to permissions/visibility
**Visuals of proposed changes**
Emoji selector with reduced horizontal spacing between emoji and larger font size in the pop-over:
**<img class="image_resized op-uc-image op-uc-image_inline" style="width:374px;" src="/api/v3/attachments/313714/content">**
Badges for numbers instead of just label text:
**<img class="image_resized op-uc-image op-uc-image_inline" style="width:483px;" src="/api/v3/attachments/313712/content">**
A work package was missing for [PR 17869](https://github.com/opf/openproject/pull/17869). This will try to cover the acceptance criteria for this work.
**Acceptance criteria**
* In the emoji selection pop-over,
* Reduce horizontal spacing between the emojis when clicking
* Make add reaction buttons square
* Increase size of the emojis
* ~~Use the 'counter' element to indicate the number of users having selected this emoji~~
**Technical notes**
* If counter is to be used, `button.with_trailing_visual_counter` is adding it
* At least on mac in chrome and firefox square emoji dimensions seem to be equal to font-size value, but I failed to find anything specifying that
**Permissions and visibility considerations**
* No changes to permissions/visibility
**Visuals of proposed changes**
Emoji selector with reduced horizontal spacing between emoji and larger font size in the pop-over:
**<img class="image_resized op-uc-image op-uc-image_inline" style="width:374px;" src="/api/v3/attachments/313714/content">**
Badges for numbers instead of just label text:
**<img class="image_resized op-uc-image op-uc-image_inline" style="width:483px;" src="/api/v3/attachments/313712/content">**