From 69251cff483cada8fe8dcb893bda7d1a0e3498c6 Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero@yahoo.com>
Date: Mon, 13 Jan 2020 22:22:50 +0300
Subject: [PATCH] overide itembackrop class backgroud-size cover to contain
 hide on desktop person backdrop

---
 src/assets/css/librarybrowser.css | 8 ++++++++
 src/controllers/itemdetailpage.js | 7 +++++++
 2 files changed, 15 insertions(+)

diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css
index 9b3f504beb..8e9b10646d 100644
--- a/src/assets/css/librarybrowser.css
+++ b/src/assets/css/librarybrowser.css
@@ -387,6 +387,10 @@
     position: relative
 }
 
+.personBackdrop {
+    background-size: contain;
+}
+
 .itemBackdropProgressBar {
     position: absolute !important;
     bottom: 0;
@@ -671,6 +675,10 @@
         display: none !important
     }
 
+    .personBackdropimg-hideondesktop {
+        display: none !important;
+    }
+
     .mainDetailButtons {
         font-size: 108%;
         margin: 1.25em 0
diff --git a/src/controllers/itemdetailpage.js b/src/controllers/itemdetailpage.js
index c5fb0f1bec..0b57b91c3e 100644
--- a/src/controllers/itemdetailpage.js
+++ b/src/controllers/itemdetailpage.js
@@ -520,6 +520,13 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
             itemBackdropElement.style.backgroundImage = "";
         }
 
+        if ("Person" === item.Type) {
+            itemBackdropElement.classList.add("personBackdropimg-hideondesktop");
+            itemBackdropElement.classList.add("personBackdrop");
+        } else {
+            itemBackdropElement.classList.remove("personBackdrop");
+        }
+
         return hasbackdrop;
     }