ローディングスライダーをスピナーに

:information_source: 概要 このテーマコンポーネントは、ローディングスライダーをスピナーに変換します。
:eyeglasses: プレビュー Theme Creator
:hammer_and_wrench: リポジトリ GitHub - VaperinaDEV/loading-slider-to-spinner: This theme component convert the loading slider to spinner.
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマ初心者の方へ Discourseテーマ使用の初心者ガイド

このテーマコンポーネントをインストール

こんにちは :waving_hand:

数名のメンバーから、スピナーローダーを残しておきたいという要望がありました。このテーマコンポーネントは、ローディングスライダーをスピナーに変換します。これは主に視覚的なものなので、スライダーを再スタイル化してCSSでスピナーにしました スライダーを非表示にし、擬似要素の前に #main-outlet-wrapper にスピナーを追加しました。これにより、プラグインのアウトレットとの競合を防ぎます。そのため、スライダーの機能は維持され、スピナーローダーの使用時に発生する可能性のあるバグも解消されるはずです。

ページ読み込み中に、スピナーローダーで表示されていた #main-outlet、ユーザーメニュー、およびモーダルを非表示にしました。

modifyClass を使用して、ローディング状態を変更しました。ページ読み込み中に、ローディングスライダーが ready 状態に戻ってしまうことがあり、ローディングが停止して再開してしまうためです。状態の変更により、ページ読み込み中にちらつきが発生していました。

「いいね!」 6

@Don、素晴らしい仕事です。クールなSCSSコードですね。また、大爆笑でした:laughing:。もしかしたらDiscourseがこれをコア機能にするかもしれませんね?:thinking:

「いいね!」 3