dpnmw/community-landing
1
0
Fork 0
mirror of https://github.com/dpnmw/community-landing.git synced 2026-03-18 09:27:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Video Upload Fix and New PreLoader

Browse Source
This commit is contained in:
DPN MW
2026-03-08 21:04:48 -04:00
parent 13c611bd49
commit 7455e3bf14
8 changed files with 244 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/stylesheets/community_landing/admin.css
View File

@@ -449,6 +449,12 @@ html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="f
font-style: italic;
}
.cl-upload-preview-label {
font-size: var(--font-down-1);
color: var(--success);
font-weight: 600;
}
.cl-upload-notice {
margin-top: 6px;
font-size: var(--font-down-2);

63
assets/stylesheets/community_landing/landing.css
View File

@@ -2131,6 +2131,69 @@ html, .cl-body {
padding: 1rem 0 0;
}
/* ═══════════════════════════════════════════════════════════════════
PRELOADER
═══════════════════════════════════════════════════════════════════ */
.cl-preloader {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
background: var(--cl-preloader-bg, var(--cl-bg, #06060f));
transition: opacity 0.45s ease, visibility 0.45s ease;
}
.cl-preloader--hide {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.cl-preloader__content {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
}
.cl-preloader__logo {
max-width: 120px;
max-height: 60px;
width: auto;
height: auto;
object-fit: contain;
}
.cl-preloader__counter {
font-size: 1.5rem;
font-weight: 700;
color: var(--cl-preloader-text, var(--cl-text-strong, #ffffff));
font-variant-numeric: tabular-nums;
letter-spacing: 0.04em;
}
.cl-preloader__bar {
width: 180px;
height: 3px;
background: var(--cl-preloader-bar-track, rgba(255, 255, 255, 0.1));
border-radius: 3px;
overflow: hidden;
}
.cl-preloader__bar-fill {
height: 100%;
width: 0%;
background: var(--cl-preloader-bar, var(--cl-accent, #d4a24e));
border-radius: 3px;
transition: width 0.1s ease-out;
}
[data-theme="light"] .cl-preloader__bar {
background: rgba(0, 0, 0, 0.08);
}
/* ═══════════════════════════════════════════════════════════════════
REDUCED MOTION
═══════════════════════════════════════════════════════════════════ */