Double-button inconsistencies (post menu)

awesomerobot · February 3, 2025, 2:31pm

This should fix both issues, and some others I noticed

github.com/discourse/discourse

UX: clean up post action menu styles, fix issues, add variables

main ← ux-post-action-menu

opened 08:37PM - 31 Jan 25 UTC

awesomerobot

+142 -127

Related to https://meta.discourse.org/t/double-button-inconsistencies-post-menu/…349845 This does some general clean up... * **Moves shared mobile/desktop styles into /common** We had some mobile hover states for some reason, and desktop hover/focus states can be moved to common and gated with `.discourse-no-touch`... this means we're applying them on capabilities rather than device type * **Adds some `-d-post-control-` variables to make theming easier** Theme authors can replace the variables without worrying about selector specificity * **Removes an overridden fade-out class from likes** We were overriding the effect here anyway * **Fixes a janky hover transition effect on the like button** This was being incorrectly inherited from another button ...and fixes some issues * **Corrects border radius on double buttons (likes, flags)** ![image](https://github.com/user-attachments/assets/e3bf45b4-3d72-4858-94b1-dad41ff3e274) * **Corrects double button height issues for flags** ![image](https://github.com/user-attachments/assets/eb5624ea-f434-43b6-8ffc-de9baf1fa0fd) * **Adjusts the flag count to avoid the lumpy circle CSS problem** ![image](https://github.com/user-attachments/assets/7c0d85bc-7d72-4b99-ab1a-ec45bab05750) * **Removes lingering post-tap focus/hover states on mobile by applying `.discourse-no-touch` and `focus-visible`** Tested both glimmer and legacy.

Topic		Replies	Views
Solved button alignment issue UX mobile , solved	6	918	December 17, 2021
Mobile editor preview button and toolbar UX	30	2087	June 24, 2021
Size of reply button is influenced by text size preference UX mobile	11	132	December 25, 2024
Button with Checkmark should be hidden to users who can't unmark correct answers UX solved	34	5348	May 24, 2023
Suppressing the word "likes" on posts UX	106	6357	June 26, 2018

Double-button inconsistencies (post menu)

Related topics