friends icon indicating copy to clipboard operation
friends copied to clipboard

Improve collapsed styling

Open alecmuffett opened this issue 3 years ago • 3 comments

Example from stacking a few collapses on Safari/Mac:

Screenshot 2023-01-08 at 10 11 19

alecmuffett avatar Jan 08 '23 10:01 alecmuffett

Aside: this was also very confusing on Mobile as a new user, because I was not sure if the Reaction button related to the post above or the post below, and having controls for each so close together on a mobile screen was hard to tap without doing the wrong thing.

Perhaps all the controls for a post could go in a single line below the post?

alecmuffett avatar Jan 08 '23 10:01 alecmuffett

I agree that the collapsed styling of status posts is not good and needs to be improved. It's just a few CSS modifications:

https://github.com/akirk/friends/blob/4d86d25548dc51b3f1f61081add14629f1e37a70/templates/frontend/parts/content-status.php#L11

vs

https://github.com/akirk/friends/blob/4d86d25548dc51b3f1f61081add14629f1e37a70/templates/frontend/parts/content.php#L11

Having the card class removed makes statusses appear lighter by removing "card box" but then also causes these problems.

akirk avatar Jan 10 '23 15:01 akirk

I improved it in 2.6.0 with #220 and am continuing to iterate with upcoming #224. Happy to get your thoughts on these improvements.

akirk avatar Jun 28 '23 14:06 akirk