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	4949	May 16, 2022
Discourse create new topic user experience on mobile UX	40	7381	June 27, 2017
Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG \| Blog Blog	35	4641	February 9, 2023
iOS doesn't load CSS sometimes when navigating between subdomains Bug ios	58	2537	February 10, 2025
How would you improve the Discourse iOS App Experience? Feature discourse-hub , ios-app	25	1933	November 18, 2024

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

Related topics