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	4613	May 16, 2022
Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG \| Blog blog	35	4218	February 9, 2023
Discourse create new topic user experience on mobile ux	40	6990	June 27, 2017
Header Submenus theme-component official , header-submenus	80	34561	January 18, 2024
Brand Header theme-component official , brand-header	234	51029	April 26, 2024

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

Related Topics