Custom CSS not un/loaded on logout/in

[PJH]

1. https://what.thedailywtf.com/me/settings > Custom CSS >

main {
    background-color: #ff0;
}

2. Save, Hard refresh. Observe yellow background.

3. Logout

4. Note yellow background still present.

5. Hard-refresh, back to white background.

6. Log in again

7. Note lack of yellow background.

8. Hard refresh, yellow background now there.

[julianlam]

Thanks! That's... hm, a tricky one.

It's caused by the change I made recently to support "no-refresh log(in|out)s". I redraw the header and set config variables as necessary, but because TDWTF custom CSS is purely a TDWTF customisation, the leftover CSS still hangs around after a log(in|out)

@ben_lubar you'll want to add a client-side listener to action:app.loggedOut, and reload the custom CSS from config. Global config should have been updated by this point.

[brie]

@PJH @julianlam my theme isn't un/loaded on logout/in either. I've selected Lumen, but nothing changes until I refresh the page.

[julianlam]

Do you see any errors on the client-side when you open the dev console?

[dkf]

@brie said in Custom CSS not un/loaded on logout/in:

I've selected Lumen

That's a nice one, except that it totally used to fail at bold italic text.

[brie]

@dkf works now, apparently.

I also spruced it up a little more with some custom CSS:

:not([data-category-id="16"]) > body, #header-menu {
  box-shadow: 5vw 0 5vw -5vw #aaa inset,-5vw 0 5vw -5vw #aaa inset;
}

[brie]

@julianlam said in Custom CSS not un/loaded on logout/in:

Do you see any errors on the client-side when you open the dev console?

I just tried it. Logged out, (refreshed the page to get the default styles) then logged back in (and refreshed the page again to get my styles back). No error messages in the javascript console (checked prior to refreshing, of course, since that would clear the error messages).

[Tsaukpaetra]

@brie said in Custom CSS not un/loaded on logout/in:

since that would clear the error messages)

You can turn that off you know...