ui: Use background-size to scale fanart to fit dvr dialog box.

Previously the fanart could be too big for the dialog. Now we
scale to fit the dialog.

We use 'cover' which can make the image slightly exceed the
dialog dimensions, compared to 'contain' which would leave
space at the top/bottom if the fanart is an odd dimension.
The 'cover' seems better with the fanart I've seen so far.

diff --git a/src/webui/static/app/dvr.js b/src/webui/static/app/dvr.js
index 950fbe10b8ba90e22d449a52435f8eee45f130f7..c36957de7cb3ec9cbfeac0cdecfc3401d00b0d95 100644 (file)
--- a/src/webui/static/app/dvr.js
+++ b/src/webui/static/app/dvr.js
@@ -222,6 +222,10 @@ tvheadend.dvrDetails = function(grid, index) {
               'position': 'relative',
               'width' : '100%',
               'height': '100%',
+              // This causes background image to scale on css3 with aspect ratio, image
+              // can overflow, vs. 'contain' which will leave blank space top+bottom to
+              // ensure image is fully displayed in the window
+              'background-size': 'cover',
           });
       }                        // Have fanart div