Jellyfin Forum
🍋️ ZestyTheme - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: 🍋️ ZestyTheme (/t-%F0%9F%8D%8B%EF%B8%8F-zestytheme)

Pages: 1 2 3 4 5


RE: 🍋️ ZestyTheme - M0RPH3US - 2024-05-28

(2024-05-28, 06:34 PM)ZestyJelly Wrote:
(2024-05-28, 06:09 PM)M0RPH3US Wrote:
(2024-05-28, 01:42 PM)ZestyJelly Wrote:
(2024-05-28, 07:30 AM)M0RPH3US Wrote:
(2024-05-27, 02:05 PM)ZestyJelly Wrote: Yeah, I will get to tweaking it soon. But I don't have a 4K screen to test it on. So unsure how it will end up looking tbh.

I found a bug. When you are using the web player in a mobile device, in landscape orientation the mainDrawer seems to peek out as shown in the attached picture. Managed to solve it using below snippet. I don't know if there is a cleaner way of doing this, but this solves it. 

Code:
/* Portrait orientation */
@media only screen and (orientation: portrait) {
  .layout-mobile .mainDrawer {
    width: 65% !important;
  }
}

/* Landscape orientation */
@media only screen and (orientation: landscape) {
  .layout-mobile .mainDrawer {
    width: 30% !important;
  }
}

I just literally merged a PR fixing this. The fix was just using a 315px instead of 65%. Unsure if your fix is better than the one I just merged, but let me know if it doesn't fix it for you.
I never use the JF mobile client in landscape mode, so I never saw this. I noticed other things break like the image at the top becomes very small. Your proposed fix gave me an idea of how to try to fix it. I will look into it when I have some time. Thanks.

Ooh I will try that and will let you know. I thought reducing it will solve😅😅😅. My laptop is doing a chkdsk now, so I guess will be able to update u on this tomorrow. But dude it's an awesome theme. A real piece of beauty. I am just trying to make the episode list make a bit bigger, as in the thumbnails. I had it working earlier. Just not able to find the piece of code for it.


I am not sure what you mean by make the episode list bigger (inside Seasons?). Or do you mean make the thumbs in your screenshot wider like the Spotlight thing at the top?
What is the Spotlight thing at the top BTW? is it an extension? Looks cool.

Right here

https://github.com/BobHasNoSoul/jellyfin-mods/blob/main/10.9.x.md


RE: 🍋️ ZestyTheme - usrnammit - 2024-05-28

(2024-05-14, 05:11 PM)ZestyJelly Wrote:
(2024-05-14, 09:36 AM)usrnammit Wrote: Hi, how do you get different backdrops in Next Up and Item Details Page?

For example, in your screenshots, on the homepage Avatar in Next Up has a different backdrop than it has 2 screenshots later when its the background of the Avatar's details page. Did you change these manually between screenshots? Or can I actually have a 'clean' backdrop without text as a background but a 'stylized' one with the show logo in Next Up?

No I didn't. Disable the option Settings > Display > Use episode images in 'Next Up' and 'Continue Watching' sections. And it should work the same for you.

I didn't know about this setting, cheers!

Also I noticed a display issue when using a Home Screen section "My Media (small)" instead of the big cards. It seems like they are missing a background (it looks better when Hovered but almost unreadable otherwise).

https://imgur.com/a/eQLUI4c


RE: 🍋️ ZestyTheme - ZestyJelly - 2024-05-28

(2024-05-28, 07:27 PM)M0RPH3US Wrote:
(2024-05-28, 06:34 PM)ZestyJelly Wrote:
(2024-05-28, 06:09 PM)M0RPH3US Wrote:
(2024-05-28, 01:42 PM)ZestyJelly Wrote:
(2024-05-28, 07:30 AM)M0RPH3US Wrote: I found a bug. When you are using the web player in a mobile device, in landscape orientation the mainDrawer seems to peek out as shown in the attached picture. Managed to solve it using below snippet. I don't know if there is a cleaner way of doing this, but this solves it. 

Code:
/* Portrait orientation */
@media only screen and (orientation: portrait) {
  .layout-mobile .mainDrawer {
    width: 65% !important;
  }
}

/* Landscape orientation */
@media only screen and (orientation: landscape) {
  .layout-mobile .mainDrawer {
    width: 30% !important;
  }
}

I just literally merged a PR fixing this. The fix was just using a 315px instead of 65%. Unsure if your fix is better than the one I just merged, but let me know if it doesn't fix it for you.
I never use the JF mobile client in landscape mode, so I never saw this. I noticed other things break like the image at the top becomes very small. Your proposed fix gave me an idea of how to try to fix it. I will look into it when I have some time. Thanks.

Ooh I will try that and will let you know. I thought reducing it will solve😅😅😅. My laptop is doing a chkdsk now, so I guess will be able to update u on this tomorrow. But dude it's an awesome theme. A real piece of beauty. I am just trying to make the episode list make a bit bigger, as in the thumbnails. I had it working earlier. Just not able to find the piece of code for it.


I am not sure what you mean by make the episode list bigger (inside Seasons?). Or do you mean make the thumbs in your screenshot wider like the Spotlight thing at the top?
What is the Spotlight thing at the top BTW? is it an extension? Looks cool.

Right here

https://github.com/BobHasNoSoul/jellyfin-mods/blob/main/10.9.x.md


Oh wow, thank you. 
Some of those look very interesting!


(2024-05-28, 09:51 PM)usrnammit Wrote:
(2024-05-14, 05:11 PM)ZestyJelly Wrote:
(2024-05-14, 09:36 AM)usrnammit Wrote: Hi, how do you get different backdrops in Next Up and Item Details Page?

For example, in your screenshots, on the homepage Avatar in Next Up has a different backdrop than it has 2 screenshots later when its the background of the Avatar's details page. Did you change these manually between screenshots? Or can I actually have a 'clean' backdrop without text as a background but a 'stylized' one with the show logo in Next Up?

No I didn't. Disable the option Settings > Display > Use episode images in 'Next Up' and 'Continue Watching' sections. And it should work the same for you.

I didn't know about this setting, cheers!

Also I noticed a display issue when using a Home Screen section "My Media (small)" instead of the big cards. It seems like they are missing a background (it looks better when Hovered but almost unreadable otherwise).

https://imgur.com/a/eQLUI4c

Hmm, strange. How do you get to there though?
Could you provide list the steps to reproduce?

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See 🐞🪳🪲


RE: 🍋️ ZestyTheme - usrnammit - 2024-05-29

(2024-05-28, 11:18 PM)ZestyJelly Wrote: Hmm, strange. How do you get to there though?
Could you provide list the steps to reproduce?

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See 🐞🪳🪲

It's a user setting.

Top right avatar icon -> Home -> And then whichever section has "My Media" in it (usually the first), change that to "My Media (small)" -> Refresh the page

I always found the cards being unnecessarily large just for a library button, so I prefer the simpler small one. Here's a screenshot without any themes.
https://imgur.com/a/8XDoYLu


RE: 🍋️ ZestyTheme - M0RPH3US - 2024-05-29

(2024-05-28, 06:34 PM)ZestyJelly Wrote:
(2024-05-28, 06:09 PM)M0RPH3US Wrote:
(2024-05-28, 01:42 PM)ZestyJelly Wrote:
(2024-05-28, 07:30 AM)M0RPH3US Wrote:
(2024-05-27, 02:05 PM)ZestyJelly Wrote: Yeah, I will get to tweaking it soon. But I don't have a 4K screen to test it on. So unsure how it will end up looking tbh.


Just managed to achieve what I was looking for. It was with the custom screen size code and bit of alignment.. No worries

I found a bug. When you are using the web player in a mobile device, in landscape orientation the mainDrawer seems to peek out as shown in the attached picture. Managed to solve it using below snippet. I don't know if there is a cleaner way of doing this, but this solves it. 

Code:
/* Portrait orientation */
@media only screen and (orientation: portrait) {
  .layout-mobile .mainDrawer {
    width: 65% !important;
  }
}

/* Landscape orientation */
@media only screen and (orientation: landscape) {
  .layout-mobile .mainDrawer {
    width: 30% !important;
  }
}

I just literally merged a PR fixing this. The fix was just using a 315px instead of 65%. Unsure if your fix is better than the one I just merged, but let me know if it doesn't fix it for you.
I never use the JF mobile client in landscape mode, so I never saw this. I noticed other things break like the image at the top becomes very small. Your proposed fix gave me an idea of how to try to fix it. I will look into it when I have some time. Thanks.

Ooh I will try that and will let you know. I thought reducing it will solve😅😅😅. My laptop is doing a chkdsk now, so I guess will be able to update u on this tomorrow. But dude it's an awesome theme. A real piece of beauty. I am just trying to make the episode list make a bit bigger, as in the thumbnails. I had it working earlier. Just not able to find the piece of code for it.


I am not sure what you mean by make the episode list bigger (inside Seasons?). Or do you mean make the thumbs in your screenshot wider like the Spotlight thing at the top?
What is the Spotlight thing at the top BTW? is it an extension? Looks cool.



RE: 🍋️ ZestyTheme - ZestyJelly - 2024-06-03

(2024-05-29, 08:45 AM)usrnammit Wrote:
(2024-05-28, 11:18 PM)ZestyJelly Wrote: Hmm, strange. How do you get to there though?
Could you provide list the steps to reproduce?

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See 🐞🪳🪲

It's a user setting.

Top right avatar icon -> Home -> And then whichever section has "My Media" in it (usually the first), change that to "My Media (small)" -> Refresh the page

I always found the cards being unnecessarily large just for a library button, so I prefer the simpler small one. Here's a screenshot without any themes.
https://imgur.com/a/8XDoYLu

Sorry, forgot to reply. How does one set media cards to be small like that? Are you using custom css or is that an option in settings?


RE: 🍋️ ZestyTheme - Efficient_Good_5784 - 2024-06-03

(2024-06-03, 05:09 PM)ZestyJelly Wrote: Sorry, forgot to reply. How does one set media cards to be small like that? Are you using custom css or is that an option in settings?

(2024-05-29, 08:45 AM)usrnammit Wrote: Top right avatar icon -> Home -> And then whichever section has "My Media" in it (usually the first), change that to "My Media (small)" -> Refresh the page



RE: 🍋️ ZestyTheme - ZestyJelly - 2024-06-04

(2024-06-03, 06:35 PM)Efficient_Good_5784 Wrote:
(2024-06-03, 05:09 PM)ZestyJelly Wrote: Sorry, forgot to reply. How does one set media cards to be small like that? Are you using custom css or is that an option in settings?

(2024-05-29, 08:45 AM)usrnammit Wrote: Top right avatar icon -> Home -> And then whichever section has "My Media" in it (usually the first), change that to "My Media (small)" -> Refresh the page

Pushed. Let me know if you still have any issues. May take a bit for the chances to make it to the github cdn url link though.


RE: 🍋️ ZestyTheme - javiimp - 2024-06-23

can u add the ability on choosing the archive u want to reproduce? When I press a movie that has 2 versions, I can see only play option, I cannot select which file I want to reproduce, language or subtitle. Many thanks in advance


RE: 🍋️ ZestyTheme - ZestyJelly - 2024-08-28

(2024-06-23, 09:25 PM)javiimp Wrote: can u add the ability on choosing the archive u want to reproduce? When I press a movie that has 2 versions, I can see only play option, I cannot select which file I want to reproduce, language or subtitle. Many thanks in advance

Hi, sorry for taking so long to reply, I have been busy and had issues with my server.
The language and subtitles can be chosen in the player, hence why I disabled those. In setting you can also enable the preferred language and subtitle for Jellyfin to automatically choose if available.
Now regarding being able to choose a different movie version, I am aware that you can have more than one version of the same movie, in different qualities for example, but I never tried that on my server, so I don't know what is shown.
Are you able to choose the movie version in the player like you can with audio and subtitles?
---
If you want to see those in a movie/show's page add **ONE** of these below the theme's @import line in your Custom CSS:

.trackSelections {
display: inline-block !important;
}

OR

.trackSelections {
display: block !important;
}