Quantcast
Channel: Plex Web App — Plex Forums
Viewing all articles
Browse latest Browse all 3869

New Fix for Web Interface Backgrounds

$
0
0

You guys are doing this on purpose now, aren't you? Is there some reason why you don't want us to have nice things? I can't even fathom what you did, but in the latest update you made it so the simple CSS fix I created so we could have nice looking backgrounds the way they use to be before you changed them to the weird half backgrounds that only display at the top of the page, now causes the image to flicker weirdly and sometimes jump completely out of place. I mean how even? My CSS wasn't that complex or invasive, so either this is due to some weird bug you have introduced, or you really did break it on purpose. In any case, I have created another, somewhat more complex fix, as I will continue to do every time you break this. Unfortunately, a userscript is now required:

// ==UserScript==
// @name         Plex Background Fix
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Okay guys, this is getting pretty bad...
// @author       An0Hit0
// @match        http://127.0.0.1:32400/web/*
// @grant        none
// @require      http://code.jquery.com/jquery-3.2.1.slim.min.js
// ==/UserScript==

(function() {
    'use strict';

    $(document).on('ready change DOMNodeInserted', function (event) {
        var background = $('div[class^="PrePlayArtwork-imageContainer"]');
        var parent = $('div[class^="PrePlayPageContent-prePlayPageContentContainer"]');
        background.remove();
        background.appendTo(parent);
    });
})();

And here is the new CSS for Stylish:

div[class^="PrePlayArtwork-imageContainer"]
{
    position: fixed !important;
    top: 120px !important;
    left: 300px !important;
    width: calc(100% - 254px) !important;
    height: 100% !important;
    display: block !important;
    z-index: -1 !important;
    opacity: 0.25;
}

div[class^="PrePlayArtwork-imageContainer"] *
{
    width: 100% !important;
    height: 100% !important;
}

div[class^="PageContent-innerPageContent"] > div > div:nth-child(1)
{
    top: auto !important;
}

Please note that this new fix breaks the show/hide background button. I would have liked to keep it working, but ultimately the effort required didn't seem worth it since chances are if you want to use this fix you are going to be keeping your backgrounds displayed most of the time anyway.


Viewing all articles
Browse latest Browse all 3869

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>