UI fall out - Githubissues

infinite-persistence commented 2 years ago

[x]
[x]

keikari commented 2 years ago

[x] Thing with the progress bar text seemed related, so adding here
[x] Image view page has no padding

infinite-persistence commented 2 years ago

[x] Medium layout reflow -- additional left margin + lack of top margin for "Sort By":
[x] Make claim-placeholder tiles match the resolved tile size to reduce shifts, especially in the Recommended Sidebar

infinite-persistence commented 2 years ago

[x] Autofill causes wunderbar icon to go white. Linux Mint cinnamon + chrome.

https://user-images.githubusercontent.com/64950861/157378889-c7ca0563-7916-479d-b691-33a3f392ed72.mp4

keikari commented 2 years ago

[x] Profile image can show wider than expected on list page https://odysee.com/$/list/f988b7e34d5a81bc136d062376ebcffe38f437e0

Example from odysee discord, or maybe this was fixed for it already https://discord.com/channels/721806979928162404/936318782085935155/952571646743547914 https://odysee.com/$/list/aa2aede7dc635668a76374b130824de4135bccdc

Abwasserrohr commented 2 years ago

[x] The MoreVertical icon is misaligned for reposts in the uploads menu.

To Reproduce

Repost something
Go to https://odysee.com/$/uploads
The MoreVertical icon is not where it is usually for normal uploads

Screenshots

System Configuration Chrome 99.0.4844.51 on Windows

[x] Playlist publish menu doesn't change thumbnail text for light mode:
[x] Nevermind button for Support Modal (empty wallet) sticks out: (is that button even needed?)

infinite-persistence commented 2 years ago

[x] After purchasing an image

infinite-persistence commented 2 years ago

[x] The reposter name in the Repost Ribbon is no longer centered

Abwasserrohr commented 2 years ago

[x] Notification bubble is too small for more than 2 characters (max out at 9+?)

Abwasserrohr commented 2 years ago

[x] Creator Tools menu title color is not switched in light mode:

Abwasserrohr commented 2 years ago

[x] longer channnel names stand out of the upvote nudge (logged out). Since Odysee now uses channel titles instead of the channel names at a lot of places, maybe use channel titles there too?
[x] The borders for the modals seem to not change in light mode (less dark/thick and/or background darker on light mode?)
[ ] On Chrome/Windows, the border at the player seems to disconnect from the player on 110% zoom:

https://user-images.githubusercontent.com/44294954/159348518-35f55129-ea4d-4dc8-8d85-1aacdb1628ca.mp4

[x] "Chat hidden" text (or the button below) is not centered: (livestream chat)
[x] Uploads page pagination button arrows misaligned in on smaller display

keikari commented 2 years ago

[x] Post preview is transparent. Original text showing behind it (don't mind texts not matching as preview has problem with images)

tzarebczan commented 2 years ago

[x] this may be in another issue, not sure - longer channel names cut off

infinite-persistence commented 2 years ago

[x] Membership help segment expander -- button location hardcoded?

infinite-persistence commented 2 years ago

[x] "Join Odysee Premium" in "you can't livestream" component (livestreamSetup/view.jsx) hardcoded to a very specific 238px. It breaks localization.

infinite-persistence commented 2 years ago

[x] Minor misalignment with the "$" symbol. Potentially due to how the symbol is created/defined, since other buttons look ok.

EDIT: due to this junk

.support-claim-button {
  .icon--DollarSign {
    height: 16px;
    width: 16px;
    margin-right: -5px;
    margin-top: 4px;
  }
}

infinite-persistence commented 2 years ago

[x] A legacy issue, and part of the troublesome list of i18n issues: modal scrolls horizontally

Abwasserrohr commented 2 years ago

[x] The content on uploads/channel/stats.. pages get cut if the window is small, but not small enough to hide the sidebar:

https://user-images.githubusercontent.com/44294954/161096055-4e6eb265-6f3a-4a27-b3b7-ea48e453916e.mp4

infinite-persistence commented 2 years ago

[x]

infinite-persistence commented 2 years ago

[x] Not sure how best to handle the design (split 50/50 + use ellipsis?). Passing to Rave.
- In past projects, we usually ask the translators to shorten to given space, but it will be a pain since ours is community-driven (they might not be around to update)

rafael-xmr commented 2 years ago

drag and drop

[x] shorter height
- KP: The reduction in height is intentional, so that we can drag-and-drop images into the Post Editor. Feel free to change if there is a better design that satisfies both.
- Rave: I've increased the height from 20% to 32%.
[x] too dark in light theme
- Rave: I did not change the background color, but the font & icons are now white