🍋️ ZestyTheme

[M0RPH3US]

I managed to tweak and make it work with the latest update 10.9.1

I appreciate your hardwork on this theme.

Awesome! Did you fork it on github or just made modifications to the code on your computer? I saw you also made personal modifications to it.
I just updated to 10.9.1 and it borked my server, so I am trying to fix that rn. But I should get to tweaking the theme this weekend.

Yes your are correct it is on my local cause I made some changes to the underlying code

[ndom91]

I managed to tweak and make it work with the latest update 10.9.1

I appreciate your hardwork on this theme.

Awesome! Did you fork it on github or just made modifications to the code on your computer? I saw you also made personal modifications to it.
I just updated to 10.9.1 and it borked my server, so I am trying to fix that rn. But I should get to tweaking the theme this weekend.

Yes your are correct it is on my local cause I made some changes to the underlying code

This is still the repository, right? (https://github.com/stpnwf/ZestyTheme)

Mind opening a PR with your changes 😊

[ZestyJelly]

This is still the repository, right? (https://github.com/stpnwf/ZestyTheme)

Mind opening a PR with your changes 😊

Yes, it is the right repo.

No need for the PR, I am mostly done with the tweaks and will push it later today.

[ZestyJelly]

Pushed it. It should be working on 10.9.x now!

[SmileRapVEVO]

I have seen that when you put it in TV mode it does not work and it does not come out with the expected design.

[ZestyJelly]

I have seen that when you put it in TV mode it does not work and it does not come out with the expected design.

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.

[M0RPH3US]

I have seen that when you put it in TV mode it does not work and it does not come out with the expected design.

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;
  }
}

[ZestyJelly]

I have seen that when you put it in TV mode it does not work and it does not come out with the expected design.

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.

[M0RPH3US]

I have seen that when you put it in TV mode it does not work and it does not come out with the expected design.

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.

[ZestyJelly]

I have seen that when you put it in TV mode it does not work and it does not come out with the expected design.

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.