로딩 슬라이더에서 스피너로 변경

:information_source: 요약 이 테마 컴포넌트는 로딩 슬라이더를 스피너로 변환합니다.
:eyeglasses: 미리보기 Theme Creator
:hammer_and_wrench: 리포지토리 GitHub - VaperinaDEV/loading-slider-to-spinner: This theme component convert the loading slider to spinner. · GitHub
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: 디스코urse 테마를 처음 접하시는가요? 디스코urse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

안녕하세요 :waving_hand:

몇몇 회원들이 스피너 로더를 유지하기를 원한다고 언급했습니다. 이 테마 컴포넌트는 로딩 슬라이더를 스피너로 변환합니다. 이는 주로 시각적인 문제이기 때문에, CSS로 슬라이더를 스피너로 재스타일링했습니다 슬라이더를 숨기고 가상의 요소(pseudo) 앞에 #main-outlet-wrapper에 스피너를 추가하여 플러그인 아웃렛과 충돌하지 않도록 했습니다. 이렇게 하면 슬라이더 기능을 유지하면서 스피너 로더 사용 시 발생하는 버그를 막을 수 있기를 바랍니다.

페이지 로딩 중에 스피너 로더가 작동했을 때처럼 #main-outlet, 사용자 메뉴 및 모달을 숨겼습니다.

페이지 로딩 중에 로딩 슬라이더가 때때로 ready 상태로 돌아가 로딩이 중단되고 다시 시작되는 문제를 방지하기 위해 로딩 상태를 변경하는 데 modifyClass를 사용했습니다. 상태 변경으로 인해 페이지 로딩 중 깜빡임 현상이 발생했습니다.

6개의 좋아요

잘하셨네요 @Don - 멋진 SCSS 코드네요. 또 너무 웃기네요 :laughing: 혹시 Discourse에서 이걸 코어에 포함시킬까요? :thinking:

3개의 좋아요