Jellyfin Forum
Finimalism [Updated for 10.10.X] - 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: Finimalism [Updated for 10.10.X] (/t-finimalism-updated-for-10-10-x)

Pages: 1 2 3 4 5 6 7 8 9


RE: Finimalism [Updated for 10.10.X] - Ted Hinklater - 2024-12-17

Ah cheers Iskelderon Grinning-face Just realised I've been tinkering away on this for a year now.. It's been a fun way to learn how it all works!


RE: Finimalism [Updated for 10.10.X] - man0000 - 2024-12-17

(2024-12-13, 09:28 PM)man0000 Wrote:
(2024-12-13, 06:48 PM)Ted Hinklater Wrote: Hey yeah there's an update coming through to fix that, , in the meantime after your import lines just add this (adjust to preference)


Code:
#homeTab { font-size: 70%!important;}

sorry for the inconvenience there


Hi, 
DON'T WORRY!.
THANKS for the fast reply...



Hi again,

I don't know if jsdelivr hasn't updated yet (If so, I apologise for this post) but again the resize has changed and is a mess.
As you can see in the captures, the zoom % has no sense at all. 100% shows more than 90% and the rest is crazy...

[Image: RbjHkqX.png]
[Image: ZA82Onb.png]
[Image: 27o4jE9.png]
[Image: HnETIIk.png]
[Image: u0ItKNZ.png]
[Image: fmInG2F.png]
[Image: djebzve.png]
[Image: SVoTLGQ.png]
[Image: Knz2ITy.png]

In the Custon CSS code I only have thr finimalism7.css

Am I doing anything wrong?...

PS: the #homeTab { font-size: 70%!important;} changes nothing.


RE: Finimalism [Updated for 10.10.X] - Ted Hinklater - 2024-12-17

I'm not sure how small you want it, you can play with these numbers

Code:
@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism-just-black.css");

.layout-desktop #homeTab .overflowPortraitCard, .layout-tv #homeTab .overflowPortraitCard, .layout-desktop #homeTab .overflowSquareCard, .layout-tv #homeTab .overflowSquareCard 
{width: 9.85em !important;} /* Posters and Album sizes */
.layout-desktop #homeTab .card.overflowBackdropCard, .layout-tv #homeTab .card.overflowBackdropCard 
{width: 16.42em !important;} /* Next Up and Continue Watching sizes /*

[Image: xtn4lqb.png]


RE: Finimalism [Updated for 10.10.X] - Iskelderon - 2024-12-18

For my tastes, I just overrode all of that with this:
Code:
.layout-desktop .overflowBackdropCard, .layout-tv .overflowBackdropCard,
.homePage .verticalSection.section1 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section2 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section3 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section4 .itemsContainer .card.overflowBackdropCard {
    width: 20.4em !important;
}

.bannerCard  .cardScalable {
    min-height: 12em;
}



RE: Finimalism [Updated for 10.10.X] - haze - 2024-12-23

Hi, could you possibly make a patch that would repair how this theme looks on 21:9 monitors (web version)? The box on the left containing poster and buttons have no height limit so it takes too much space which result in cutting details like original title. I tried to repair it myself with custom css, but I failed.
This is how it looks on 21:9:
[Image: eiRIaur.jpeg]


RE: Finimalism [Updated for 10.10.X] - Ted Hinklater - 2024-12-23

Hey I added a fix this morning but looks like it hasn't come through yet

Just add this to your CSS box (after the import line)

Code:
@media (min-width: 3500px) {
body {
font-size: 200%;
}
.cardOverlayButton-hover {
font-size: 0.95em;
}
}

@media (min-aspect-ratio: 20/9) and (max-aspect-ratio: 22/9) and (min-width: 2500px) and (max-width: 3499px) {
body {
font-size: 150% !important;
}
.layout-desktop .detailSectionContent,
.layout-tv .detailSectionContent {
font-size: 1.2em;
}
.layout-desktop .itemExternalLinks.focuscontainer-x,
.layout-tv .itemExternalLinks.focuscontainer-x {
font-size: 0.9em !important;
width: 18em;
top: 51em;
}
}



RE: Finimalism [Updated for 10.10.X] - haze - 2024-12-23

(2024-12-23, 05:05 PM)Ted Hinklater Wrote: Hey I added a fix this morning but looks like it hasn't come through yet

Just add this to your CSS box (after the import line)
for some reason adding this code only works on chrome Face-with-monocle
I've tested it on firefox, opera and edge and this doesn't work on those browsers


RE: Finimalism [Updated for 10.10.X] - Ted Hinklater - 2024-12-23

Just to double-check, you've added the CSS to the Dashboard > General "Custom CSS Code" field, and not the Settings > Display > "Custom CSS Code" field?

The jsdelivr link has fully updated now, so it shouldn't require any extra lines.

You can also use Ctrl+F5 or clear your cache, to make sure your browser isn't using a cached version of the theme instead of fetching the latest.

Can I also ask is your display resolution 3440x1440?


RE: Finimalism [Updated for 10.10.X] - haze - 2024-12-23

(2024-12-23, 08:09 PM)Ted Hinklater Wrote: Just to double-check, you've added the CSS to the Dashboard > General "Custom CSS Code" field, and not the Settings > Display > "Custom CSS Code" field?

The jsdelivr link has fully updated now, so it shouldn't require any extra lines.

You can also use Ctrl+F5 or clear your cache, to make sure your browser isn't using a cached version of the theme instead of fetching the latest.

Can I also ask is your display resolution 3440x1440?
Yes, I've added it through admin dashboard. My resolution is 3440x1440. It definitely did the job, because it works on chrome. On other browsers it works, but only in full-screen mode (after clicking F11). Clearing cache doesn't make any difference.


RE: Finimalism [Updated for 10.10.X] - Ted Hinklater - 2024-12-24

(2024-12-23, 09:35 PM)haze Wrote: Yes, I've added it through admin dashboard. My resolution is 3440x1440. It definitely did the job, because it works on chrome. On other browsers it works, but only in full-screen mode (after clicking F11). Clearing cache doesn't make any difference.


Got it, sorry to ask the obvious there. This should be a much simpler fix, will work at any height.

[Image: luxqIfU.gif]

Code:
@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism7.css");
@media (min-width: 2000px) {body {font-size: 1.7vh !important;}.layout-desktop .detailSectionContent,.layout-tv .detailSectionContent {font-size: 1.2em;}.layout-desktop .itemExternalLinks.focuscontainer-x,.layout-tv .itemExternalLinks.focuscontainer-x {font-size: 0.9em !important;width: 18em;top: 51em;}}@media (min-width: 2500px) {.cardOverlayButton-hover {font-size: 0.9em;}}