post: fix post vote horizontal content reflow #131

mummified-corroding-granny · 2023-02-22T01:45:09Z

2023-02-22 01:45:09 +00:00

Kindly,

Currently, the vote count at the top left of any post reserves too little space leading to many reflow situations when we vote on it:

only happens on desktop version, considering the mobile website uses different layout/code
happens whenever our vote changes the count between 9 to 10 (?), 99 to 100, 999 to 1000. Also happens in more common situations like 81 to 82 and :marseymanysuchcases:

I did a minimalist approach by removing the margin, reserving just enough width (values between -XXX and XXXX) and lowering the vote buttons to minimize hat collision. Arguably, the vote buttons look better with the PR, because they are centered with flairs (WPD) and less off-center on rdrama with post rewards, pfp, ...
Net excess of ~10px, which I feel is borderline too much

Thanks,
granny

Kindly, Currently, the vote count at the top left of any post reserves too little space leading to many reflow situations when we vote on it: * only happens on desktop version, considering the mobile website uses different layout/code * happens whenever our vote changes the count between 9 to 10 (?), 99 to 100, 999 to 1000. Also happens in more common situations like 81 to 82 and :marseymanysuchcases: I did a minimalist approach by removing the margin, reserving just enough width (values between -XXX and XXXX) and lowering the vote buttons to minimize hat collision. Arguably, the vote buttons look better with the PR, because they are centered with flairs (WPD) and less off-center on rdrama with post rewards, pfp, ... Net excess of ~10px, which I feel is borderline too much Thanks, granny

mummified-corroding-granny added 2 commits 2023-02-22 01:45:11 +00:00

d007d9602f add slight margin top to minimize content overlap

7f362b0654 reserve post total vote space between -XXX up to XXXX

Aevann merged commit 3b261a76ba into master

2023-02-22 06:27:12 +00:00

Aevann referenced this issue from a commit

2023-02-22 06:27:12 +00:00

post: fix post vote horizontal content reflow (#131)

Sign in to join this conversation.

No reviewers