+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Troubleshooting (https://forum.jellyfin.org/f-troubleshooting)
+--- Thread: SOLVED: UI Overlap (/t-solved-ui-overlap)
UI Overlap - treyzer - 2024-11-01
See image.
Well I honestly didn't foresee this as possibly as issue but sure yeah why not. I'm currently looking into UI settings but is there anywhere specific to look or anyway to fix this?
It is the "Next" button for the Skip Credits functionality/plugin and the Auto-play countdown box overlapping. Both are functional
note: the next button comes up before the auto-play button, just nothing prevents the auto-play button from appearing if the next button is there or from the next button from not going away when the auto-play comes up. There doesn't seem to be a check for this or I don't have it enabled, not sure.
RE: UI Overlap - TheDreadPirate - 2024-11-01
is this in your browser or Jellyfin Media Player? And it looks like you have a theme or custom CSS. Does this still happen without it?
RE: UI Overlap - treyzer - 2024-11-01
Skin: Ultrachromic - Skin Manager
Player: base website player on desktop in browser
persists with and without skin and only affects this player. TV clients handle the auto-play differently and works fine there. mobile clients are using swiftfin and findroid and the intro/credits skip button doesn't work on those (am migrating soon to a docker solution so not worried about that specific issue at this time). Looks like this could be resolved by either editing where the button appears (I believe there are settings for this in the plugin itself (Intro Skipper) but haven't had a chance to explore). Also made this post for future users that may run into this.
RE: UI Overlap - Ted Hinklater - 2024-11-02
(2024-11-01, 08:51 PM)treyzer Wrote: Skin: Ultrachromic - Skin Manager
Player: base website player on desktop in browser
persists with and without skin and only affects this player. TV clients handle the auto-play differently and works fine there. mobile clients are using swiftfin and findroid and the intro/credits skip button doesn't work on those (am migrating soon to a docker solution so not worried about that specific issue at this time). Looks like this could be resolved by either editing where the button appears (I believe there are settings for this in the plugin itself (Intro Skipper) but haven't had a chance to explore). Also made this post for future users that may run into this.
If you go to Dashboard > General > Custom CSS and add this, it will move the Next button to the same position as the Start Now button
Code:
.upNextContainer { bottom: 5em; }
#skipIntro { bottom: 7.9em; right: 8.2em; font-size: 90%; }
#skipIntro .emby-button { background: #4e60a4; padding: 0.9em 1.2em; }![[Image: 1sLjNt4.png]](https://i.imgur.com/1sLjNt4.png)
RE: UI Overlap - treyzer - 2024-11-02
That worked perfectly! thank you!
RE: UI Overlap - treyzer - 2024-11-03
Not sure if this was happening before I updated to 10.10.1 or was happening after as I happened to not have been watching 4:3 content beforehand. Is this white Skip Intro button with the IntroSkipper plugin or is that baked into Jellyfin now? I am not home at the moment to look into the settings or disable the introskipper plugin but will be shortly. I will update the thread with what happens when I disable that plugin. The purple-ish button to the right lines up with the Play Next button via the custom CSS code shared before. They both work as you'd expect.
Image:
RE: UI Overlap - treyzer - 2024-11-03
update: disabling the plugin makes the purple-ish one go away and effectively fixes the issue for intros. However this issue still remains:
So to fix this I would like to be disable the white skip buttons all together. that way I can just use it as I intended to do before. I am currently going through settings to see if there is a way to but if a way is known to then please advise.
RE: UI Overlap - Ted Hinklater - 2024-11-04
the old (purple) one is #skipIntro and the new (white) one is .skip-button
I also chose to hide the new one with this snippet
.skip-button {
display: none;
}