CTalvio / Ultrachromic

The final form, the true evolution of the chromic theme saga!
MIT License
607 stars 36 forks source link

Mobile app: Logo missing, no topbar animation, watch icon stuck when pressed. #64

Open Dan1jel opened 1 year ago

Dan1jel commented 1 year ago

Describe the bug A clear and concise description of what the problem is, and in what circumstances it occurs. What device/client. etc.

Dont know if im posting correctly, but i have 3 issues in one when i tested this great theme, well issue and issue, i dont know if this is correct or could be fixed.

  1. Logo is missing, not in desktop but only on mobile app, could this be displayed on default? also, think the space between the movie poster and top of the screen is a bit much, could this be "cutdown" some pixels?
  2. top bar is disappearing untill pulled up, looks better maybe with a animation that follows up and down, then just "poff, gone"?
  3. When press "watch icon", the border around it presists and dont go away, also it hard to see if it is checked or not... or is my config maybe off?

To Reproduce Include the exact contents of your "Custom CSS" field.

@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fixes.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/jf_font.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/base.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/accentlist.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/rounding.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/smallercast.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/episodelist/episodes_compactlist.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/header/header_transparent.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/login/login_frame.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fields/fields_noborder.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/cornerindicator/indicator_corner.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/type/colorful.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/titlepage/title_simple-logo.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/bottombarprogress.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/hoverglow.css');

@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/pan-animation.css');

/*Style backdrop*/
.backdropImage {filter: blur(18px) saturate(120%) contrast(120%) brightness(40%);}

/*Accent and roundingd*/
:root {--accent: 98, 121, 205;}
:root {--rounding: 12px;}

Screenshots / Videos If applicable, add screenshots to help explain your problem.

https://user-images.githubusercontent.com/4266424/217805162-120d2eba-adad-4427-a4dd-138d021889f5.mp4

https://user-images.githubusercontent.com/4266424/217805166-316981e9-2494-45d4-abfa-f43537af8b03.mp4

CTalvio commented 1 year ago
  1. As the logo does not load on the mobile page, there is no way to display it.
  2. This behaviour is inherited from stock UI, I may or may not be able to change it. Feel free to implement, I've no interest in volunteering to do it atm.
  3. This is also inherited from how the stock UI works, may or may not be able to improve it.