From 3f1238b5a9fda68dab86d30d5226c587f22d6f36 Mon Sep 17 00:00:00 2001 From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> Date: Sun, 12 Oct 2025 06:58:50 -0400 Subject: [PATCH] Remove legacy CSS and enable design system by default --- components/application-form.html | 2 +- components/bug-fix-form.html | 2 +- components/content-appeals-form.html | 2 +- components/disclaimer.html | 2 +- components/edit-video-modal.html | 2 +- components/feature-request-form.html | 2 +- components/general-feedback-form.html | 2 +- .../iframe_forms/iframe-application-form.html | 4 +- .../iframe_forms/iframe-bug-fix-form.html | 4 +- .../iframe-content-appeals-form.html | 4 +- .../iframe_forms/iframe-feedback-form.html | 4 +- components/iframe_forms/iframe-forms.css | 140 -- .../iframe_forms/iframe-request-form.html | 4 +- components/login-modal.html | 2 +- components/profile-modal.html | 6 +- components/revert-video-modal.html | 2 +- components/sidebar.html | 2 +- components/upload-modal.html | 2 +- components/video-modal.html | 2 +- css/style.css | 1668 ----------------- css/tailwind.generated.css | 4 +- css/tailwind.source.css | 1189 +++++++++++- css/tokens.css | 18 + docs/deployment-notes.md | 6 +- docs/design-system.md | 28 +- index.html | 3 +- js/constants.js | 2 +- package.json | 2 +- views/about.html | 2 +- views/channel-profile.html | 2 +- views/community-guidelines.html | 2 +- views/explore.html | 2 +- views/getting-started.html | 2 +- views/history.html | 2 +- views/ipns.html | 2 +- views/links.html | 2 +- views/most-recent-videos.html | 2 +- views/roadmap.html | 2 +- views/subscriptions.html | 2 +- 39 files changed, 1259 insertions(+), 1873 deletions(-) delete mode 100644 components/iframe_forms/iframe-forms.css delete mode 100644 css/style.css diff --git a/components/application-form.html b/components/application-form.html index 285f1293..b18bc848 100644 --- a/components/application-form.html +++ b/components/application-form.html @@ -10,7 +10,7 @@ - +
diff --git a/components/content-appeals-form.html b/components/content-appeals-form.html index f5566628..23ba8046 100644 --- a/components/content-appeals-form.html +++ b/components/content-appeals-form.html @@ -8,7 +8,7 @@ aria-modal="true" aria-labelledby="contentAppealsModalTitle" aria-describedby="contentAppealsModalDescription" - data-ds="legacy" + data-ds="new" >
diff --git a/components/disclaimer.html b/components/disclaimer.html index d1b006d2..8b13506f 100644 --- a/components/disclaimer.html +++ b/components/disclaimer.html @@ -6,7 +6,7 @@ aria-modal="true" aria-labelledby="disclaimerModalTitle" aria-describedby="disclaimerModalDescription" - data-ds="legacy" + data-ds="new" >
diff --git a/components/edit-video-modal.html b/components/edit-video-modal.html index 93f7994f..e23e543e 100644 --- a/components/edit-video-modal.html +++ b/components/edit-video-modal.html @@ -5,7 +5,7 @@ role="dialog" aria-modal="true" tabindex="-1" - data-ds="legacy" + data-ds="new" >
diff --git a/components/feature-request-form.html b/components/feature-request-form.html index 40b1bdc7..81e7e649 100644 --- a/components/feature-request-form.html +++ b/components/feature-request-form.html @@ -8,7 +8,7 @@ aria-modal="true" aria-labelledby="featureRequestModalTitle" aria-describedby="featureRequestModalDescription" - data-ds="legacy" + data-ds="new" >
diff --git a/components/general-feedback-form.html b/components/general-feedback-form.html index 8febe3c9..a3bc612a 100644 --- a/components/general-feedback-form.html +++ b/components/general-feedback-form.html @@ -12,7 +12,7 @@ aria-modal="true" aria-labelledby="generalFeedbackModalTitle" aria-describedby="generalFeedbackModalDescription" - data-ds="legacy" + data-ds="new" >
diff --git a/components/iframe_forms/iframe-application-form.html b/components/iframe_forms/iframe-application-form.html index 54f6e38c..a916c3de 100644 --- a/components/iframe_forms/iframe-application-form.html +++ b/components/iframe_forms/iframe-application-form.html @@ -5,13 +5,11 @@ bitvid Whitelist Application Form - - - +

diff --git a/components/iframe_forms/iframe-bug-fix-form.html b/components/iframe_forms/iframe-bug-fix-form.html index 55ee49c4..6f7181a6 100644 --- a/components/iframe_forms/iframe-bug-fix-form.html +++ b/components/iframe_forms/iframe-bug-fix-form.html @@ -5,13 +5,11 @@ bitvid Bug Report Form - - - +

diff --git a/components/iframe_forms/iframe-content-appeals-form.html b/components/iframe_forms/iframe-content-appeals-form.html index 4786b901..91c0f5c7 100644 --- a/components/iframe_forms/iframe-content-appeals-form.html +++ b/components/iframe_forms/iframe-content-appeals-form.html @@ -5,13 +5,11 @@ bitvid Content Appeals Form - - - +

diff --git a/components/iframe_forms/iframe-feedback-form.html b/components/iframe_forms/iframe-feedback-form.html index 97c38d96..f66a791c 100644 --- a/components/iframe_forms/iframe-feedback-form.html +++ b/components/iframe_forms/iframe-feedback-form.html @@ -5,13 +5,11 @@ bitvid General Feedback Form - - - +

diff --git a/components/iframe_forms/iframe-forms.css b/components/iframe_forms/iframe-forms.css deleted file mode 100644 index e89eebb5..00000000 --- a/components/iframe_forms/iframe-forms.css +++ /dev/null @@ -1,140 +0,0 @@ -/* Shared styling for iframe-hosted forms so they match the modal design system. */ -body { - background-color: transparent; - color: var(--color-text); - font-family: var(--font-family-sans); - margin: var(--space-lg); -} - -.container { - width: 100%; - max-width: 100%; - margin: 0; - padding: 0; -} - -.form-container { - background-color: var(--color-surface-alt); - border-radius: var(--radius-md); - box-shadow: var(--shadow-md); - color: var(--color-text); - display: flex; - flex-direction: column; - gap: var(--space-md); - padding: var(--space-lg); -} - -.form-container > p { - margin: 0; -} - -form { - display: flex; - flex-direction: column; -} - -form > * + * { - margin-top: var(--space-sm); -} - -form h1, -form h2 { - color: var(--color-text); - margin-top: var(--space-md); -} - -label { - color: var(--color-subtle-text); - display: block; - font-weight: 600; - margin-top: var(--space-sm); -} - -label + .form-control, -label + .textarea, -label + .select { - margin-top: var(--space-xs); -} - -.checkbox-group { - display: flex; - flex-wrap: wrap; - gap: var(--space-sm); - margin-top: var(--space-xs); -} - -.checkbox-group label { - align-items: center; - color: var(--color-subtle-text); - display: inline-flex; - font-weight: 500; - gap: var(--space-xs); - margin: 0; -} - -.checkbox-group input[type="checkbox"] { - margin: 0; -} - -.radio-group { - display: flex; - flex-wrap: wrap; - gap: var(--space-sm); - margin-top: var(--space-xs); -} - -.radio-group label { - align-items: center; - color: var(--color-subtle-text); - display: inline-flex; - font-weight: 500; - gap: var(--space-xs); - margin: 0; -} - -.radio-group input[type="radio"] { - accent-color: var(--color-info-strong); - margin: 0; -} - -button.btn { - align-self: flex-start; - margin-top: var(--space-md); -} - -#status { - background: var(--color-surface); - border-radius: var(--radius-sm); - box-shadow: inset 0 0 0 1px var(--color-border-translucent); - color: var(--color-subtle-text); - min-height: 5rem; - padding: var(--space-sm); - white-space: pre-wrap; -} - -.status-line { - color: var(--color-subtle-text); - margin: var(--space-2xs) 0; -} - -.status-line.error { - color: var(--color-critical-strong); -} - -.status-line.success { - color: var(--color-info-strong); -} - -.status-line.warn { - color: var(--color-warning-strong); -} - -@media (max-width: 640px) { - body { - margin: var(--space-md); - } - - .form-container { - padding: var(--space-md); - } -} diff --git a/components/iframe_forms/iframe-request-form.html b/components/iframe_forms/iframe-request-form.html index 81f52767..8ccf8e6d 100644 --- a/components/iframe_forms/iframe-request-form.html +++ b/components/iframe_forms/iframe-request-form.html @@ -4,13 +4,11 @@ bitvid Feature Request Form - - - +

diff --git a/components/login-modal.html b/components/login-modal.html index ee6cb14f..2d433e55 100644 --- a/components/login-modal.html +++ b/components/login-modal.html @@ -5,7 +5,7 @@ aria-modal="true" aria-labelledby="loginModalTitle" aria-describedby="loginModalDescription" - data-ds="legacy" + data-ds="new" >

diff --git a/components/profile-modal.html b/components/profile-modal.html index a0aa98f9..9bdf1b62 100644 --- a/components/profile-modal.html +++ b/components/profile-modal.html @@ -6,7 +6,7 @@ aria-modal="true" aria-labelledby="profileModalTitle" tabindex="-1" - data-ds="legacy" + data-ds="new" >
@@ -106,8 +106,8 @@ aria-labelledby="profileNavAccount" >
diff --git a/components/revert-video-modal.html b/components/revert-video-modal.html index f76ef200..042746d8 100644 --- a/components/revert-video-modal.html +++ b/components/revert-video-modal.html @@ -6,7 +6,7 @@ aria-modal="true" aria-labelledby="revertModalTitle" aria-describedby="revertModalSubtitle" - data-ds="legacy" + data-ds="new" >