File browsing problem

As you have seen this title, this means that it is difficult to navigate the files by mobile phone, I am saying that this privacy thing that you added is getting in the way

I really hope they fix it in the mobile version :wink:

I don’t think glitch is optimized for mobile use

This is the brand new ReCaptcha message added today. Maybe @glitch_support should make it a little closable pop up in the same place like lots of cookie disclaimers on the web

1 Like

I made here an example (you can inject that code into console while using glitch editor).

document.body.innerHTML += `
    <div id="glitch-policy-notice-banner" style="position: fixed; top: 100%; left: 0; transform: translate(0, -100%); background: #fac7ff; color: black!important; padding: 10px; margin: 0; width: 100vw; height: auto;">
        <div class="content-glitch">
            This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
        </div>
        <button id="glitch-policy-notice-banner-button" class="button-glitch">Okay</button>
        <style>
            .content-glitch {
                display: inline-block;
                padding: 5px;
                margin: 0;
                text-align: center;
                font-weight: bold;
            }
            .button-glitch {
                display: inline-block;
                padding: 5px;
                margin: 0;
                background: #fff;
                color: #000;
                border: none;
                border: 2px solid #000;
                border-radius: 5px;
                font-weight: bold;
            }
            .button-glitch:hover {
                background: #eee;
            }
            @media only screen and (max-width: 845px) {
                .content-glitch {
                    display: table;
                    margin: 0 auto;
                }
                .button-glitch {
                    display: table;
                    margin: 0 auto;
                }
            }
        </style>
    </div>
`;
document.getElementById("glitch-policy-notice-banner-button").addEventListener("click", function() {
    document.getElementById("glitch-policy-notice-banner").remove();
});

4 Likes

Wow! @glitch_support should definitely use this! Looks a lot better! They could add a cookie to the close button so it never shows again :slight_smile:

1 Like

Yeah I know about cookies and local-storage. I just didn’t bother making it since it’s just example.

2 Likes

That button should probably move to the centre on smaller devices

2 Likes

I updated the code, now it fits well on smaller screens.

2 Likes

Thank you so much guys! You helped a little in this :slightly_smiling_face:

1 Like

i cant open my package.json bc the new captcha thing is in the way…

Just Create a Whole Bunch of Blank files
Called Z and ZZ and ZZZ and ZZZZ so you can scroll

Hi @IgorWL,

Sorry that you’re running into this, we’ll look into how we can make file browsing easier. Thanks for reporting.

1 Like

This isn’t just on mobile if you have a lot of files you’ll see the same thing on pc, hope the can fix it soon since it’s kinda annoying

3 Likes

They Have FIxed it Now
The Notice is Now On The Loading Page


But I think They COuld Still Add the Popup