Hiding a back button and "Discover Emby"

[JGale 8]

Hey all, immensely grateful to this forum, you guys have so many great answers. I have 2 things I'm trying to do, if you could weigh in.

1) Hide the 'Back' button on the manual login page.

2) Hide the "Discover Emby Premiere" section of the home screen. I'm already using .btnHeaderPremiere { display: none !important; },  however the section still appears sometimes, especially when first loading the home page. It's always gone the second time it's loaded though, maybe that's a bug?

I've attached screenshots, and am open to ideas.

Thanks!

[Happy2Play 8282]

1. if you have reapplied page ids then "#yourpageid button.headerBackButton {display: none;}", if not then you end up removing all back buttons.

 

2. it is its own section so "div.section-appinfo {display: none;}"

[JGale 8]

@Happy2PlayThanks, that did it for the appinfo section.

I haven't messed with the code too much, can you elaborate on where to find/set page id?

[Happy2Play 8282]

6 minutes ago, JGale said:

I haven't messed with the code too much, can you elaborate on where to find/set page id?

How did you apply the image to the login screen?

[JGale 8]

@Happy2PlayI added a script at the bottom of the HTML. I'll PM you the link, if you want to look at the website.

[Happy2Play 8282]

Sorry this is actually in skinheader which is scripted so I don't see a way to target the button only on that page.  Believe something in appheader.js would have to be changed.

[Happy2Play 8282]

Don't know scripting but with some trial and error looks like adding this to the appheader.js will remove back button from login/manuallogin pages.

Script is beautified to better see.

Quote

        function (detail) {
            !1 === (detail = detail.backButton) || !_approuter.default.canGoBack() || hasPhysicalBackButton && !0 !== detail && !_layoutmanager.default.tv ? headerBackButton.classList.add("hide") : !supportsFullscreenMediaQueries || !0 === detail || _layoutmanager.default.tv ? headerBackButton.classList.remove("headerBackButton-showfullscreen", "hide") : (headerBackButton.classList.add("headerBackButton-showfullscreen"), headerBackButton.classList.remove("hide")) || !1 !== userSignedIn ? headerBackButton.classList.remove("hide") : headerBackButton.classList.add("hide")
        }

Note modifying any file in \system\dashboard-ui will require updating with every server update.  Also, good to have a backup of the original file in case something goes wrong.

Does not apply to change user as a user is logged in.

Edited April 8, 2023 by Happy2Play

[JGale 8]

Thanks @Happy2Playit took a bunch of fiddling to find the right place, but that did it. Thanks again.