水平加载滑块

[david (David Taylor)]

@riking

Oooh, I think that’s happening because the content did load, and there’s a large hitch of HTML Parse / Style Cascading / Layout / Render, during which the animation can’t move.

Yeah exactly. The single-threaded nature of the JS / DOM rendering means that we drop loads of frames while rendering a topic . The slider is ‘moving’ the whole time, it’s just that the frames never get rendered.

@Canapin

If we click from a profile view to the Discourse logo, the upper part disappears, which looks weird.

Thanks. I just tidied that up in core, so it will be fixed here on Meta very soon.

@awesomerobot

I just realized you can test the fade in (kinda) with the table of contents component (because it fades in the post), for example… visit: PostgreSQL 13 update . I don’t think it feels particularly faster… but it is definitely “softer”

I’ll get a fade-in going on Meta today so we can see how it feels. Although obviously if we do that, we’ll want to remove other fade-ins like the TOC component.

Edit: that’s done. Fade-in enabled on meta

@Matze

I tried to change the color in the CSS of the theme but it stays blue. Any help?

Depending on the order that your themes/components get loaded, that might not work. You need to make the selector ‘more specific’ than the loading slider component CSS. The simplest thing is probably to add !important to the background-color. You’ll also want to remove the container selector, otherwise the background will be the same as the foreground:

.loading-indicator-container .loading-indicator {
    background-color:#FFCC00 !important;
}