Design & UI Issues - October 2022

[toshokanneko]

Remaining legacy issues from the last thread:

• [x] https://github.com/OdyseeTeam/odysee-frontend/issues/1608#issuecomment-1149065058 grid + wild west = uneven tiles (at least on 6 wide)

[infinite-persistence]

• [x] Button overflow

A combination of button being too verbose + general i18n problem :(

[infinite-persistence]

• [x] Mobile header title

[tzarebczan]

• [x] chat goes to 2 lines when moment rolls over

[infinite-persistence]

• [x] Share Modal > Embed > Light Theme -- copy button text color incorrect

Edit Rave: Button had the wrong type.

[infinite-persistence]

• [x] Need padding on the comment filters in various layouts

p/s: Is the filter in mobile slightly too high (w.r.t. it's font size)?

[infinite-persistence]

• [ ] Livestream incognito ... need margin

Edit Rave: There is a margin, the "problem" here are the dynamic flex values.

[infinite-persistence]

• [x] Google mobile report

https://odysee.com/$/search?q=VINCENT%20REYNOUARD

[toshokanneko]

• [x] Truncate channel name in selector


[Abwasserrohr]

• [x] On Auto, the p of the 1024p is moved the next line on this claim (Firefox 106)

Edit Rave: I need a VM to reproduce this. I can fix it in a few days when I get my new PC.

[infinite-persistence]

• [x] https://odysee.com/$/top?name=blah

[infinite-persistence]

• [x] Unbalanced border radius between left and right side?

Close if intentional -- probably to account for the rounded pin.

Edit Rave: Intentional. I've also tried our default border radius but it looks wrong in this specific case.

[infinite-persistence]

• [x] Ad placeholder exposed when localized text wraps

[tzarebczan]

• [x] Weird LBC icon placement on mobile / my res.

Bonuses 😂

• [ ] get rid of the pretty deep message on submit
• [x] refresh comment button looking funny.


[infinite-persistence]

• [x] Alignment

[Abwasserrohr]

• [x] Last line of longer text gets cut on the membership cards, tested on both Firefox and Chrome.

[infinite-persistence]

• [x] Tier selection margins in mobile

• [x] Invisible count

[tzarebczan]

• [x] join button alignment

[tzarebczan]

• [x] in full screen mode, chat disabled

(couldn't repro, only happened once)

Edit Rave: Can't reproduce it either. Will close it until we figure out the process to reproduce it.

[Abwasserrohr]

• [x] The three dots on syncs (claim page card) are a little bit too left, padding is missing? Happens on both Chrome and Firefox

[Abwasserrohr]

• [x] The stickers and emojis are shifted in the community tab on both Firefox and Chrome

[Abwasserrohr]

• [x] There is a space missing in the "another livestream is running" notification

[Abwasserrohr]

• [x] Tags are hard to read while creating a new channel: