danvics/ElegantFin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

dev: Allowed text-based titles to be shown using a variable

Browse source
This commit is contained in:
lscambo13 2025-11-03 22:40:55 +05:30
parent 8575b9b2b4
commit fa6dde9f1b
1 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
Theme/ElegantFin-theme-nightly.css
View file

@ -125,6 +125,10 @@
none: makes the clear logo always hidden */ none: makes the clear logo always hidden */
--clearLogoVisibility: block; --clearLogoVisibility: block;
/* none: dynamically hides the main title of Movie/TV if its logo is available [default];
block: makes the title always visible */
--itemTitleVisibility: none;
/* use "" to enable the card hover effect [default]; /* use "" to enable the card hover effect [default];
use none (without quotes) to disable it */ use none (without quotes) to disable it */
--cardHoverEffect: ""; --cardHoverEffect: "";
@ -1298,16 +1302,21 @@ html {
margin-top: .5em; margin-top: .5em;
} }
/* this hides the main media title when the clear logo is available*/ /* this hides the media card when detail logo is visible */
.detailLogo:not(.hide)~.detailPageWrapperContainer .nameContainer h1, .detailImageContainer .card:not(.portraitCard):has(.cardImageIcon.person),
#itemDetailPage:has(.detailImageContainer .card.backdropCard) .detailLogo, #itemDetailPage:has(.detailImageContainer .card.backdropCard) .detailLogo,
#itemDetailPage:has(.detailImageContainer .cardImageIcon.album) .detailLogo, #itemDetailPage:has(.detailImageContainer .cardImageIcon.album) .detailLogo,
#itemDetailPage:has(.detailImageContainer .cardImageIcon.person) .detailLogo, #itemDetailPage:has(.detailImageContainer .cardImageIcon.person) .detailLogo {
.detailImageContainer .card:not(.portraitCard):has(.cardImageIcon.person) {
z-index: 2; z-index: 2;
display: none; display: none;
} }
/* this hides the main media title when the clear logo is available*/
.detailLogo:not(.hide)~.detailPageWrapperContainer .nameContainer h1 {
z-index: 2;
display: var(--itemTitleVisibility);
}
/* this shows the main media title and the poster when the clear logo is unavailable*/ /* this shows the main media title and the poster when the clear logo is unavailable*/
.detailLogo.hide~.detailPageWrapperContainer .nameContainer h1 { .detailLogo.hide~.detailPageWrapperContainer .nameContainer h1 {
display: block !important; display: block !important;