mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

overide itembackrop class backgroud-size cover to contain hide on desktop person backdrop

Browse source
This commit is contained in:
grafixeyehero 2020-01-13 22:22:50 +03:00
parent 040f4af781
commit 69251cff48
2 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/assets/css/librarybrowser.css
View file

@ -387,6 +387,10 @@
position: relative position: relative
} }
.personBackdrop {
background-size: contain;
}
.itemBackdropProgressBar { .itemBackdropProgressBar {
position: absolute !important; position: absolute !important;
bottom: 0; bottom: 0;
@ -671,6 +675,10 @@
display: none !important display: none !important
} }
.personBackdropimg-hideondesktop {
display: none !important;
}
.mainDetailButtons { .mainDetailButtons {
font-size: 108%; font-size: 108%;
margin: 1.25em 0 margin: 1.25em 0

7
src/controllers/itemdetailpage.js
View file

@ -520,6 +520,13 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
itemBackdropElement.style.backgroundImage = ""; itemBackdropElement.style.backgroundImage = "";
} }
if ("Person" === item.Type) {
itemBackdropElement.classList.add("personBackdropimg-hideondesktop");
itemBackdropElement.classList.add("personBackdrop");
} else {
itemBackdropElement.classList.remove("personBackdrop");
}
return hasbackdrop; return hasbackdrop;
} }