Introducing Discourse Splash - A visual preloader displayed while site assets load

Canapin · July 7, 2022, 12:43pm

For those who want to modify the loader, here’s the file:

discourse/discourse/blob/main/app/views/common/_discourse_splash.html.erb

<%- unless customization_disabled? %>
<section id="d-splash">
  <style>
    html {
      overflow-y: hidden !important;
    }

    #d-splash {
      display: grid;
      place-items: center;
      backface-visibility: hidden;
      background: var(--secondary);
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 1001;
      --animation-state: paused;
    }

This file has been truncated. show original

Topic		Replies	Views
Discourse not loading on legacy browsers Bug	56	4965	May 16, 2022
Discourse create new topic user experience on mobile UX	40	7387	June 27, 2017
Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG \| Blog Blog	36	4785	May 13, 2025
iOS doesn't load CSS sometimes when navigating between subdomains Bug ios	58	2680	February 10, 2025
How would you improve the Discourse iOS App Experience? Feature discourse-hub , ios-app	26	2008	May 12, 2025

Introducing Discourse Splash - A visual preloader displayed while site assets load

Related topics