From a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634 Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Thu, 2 Apr 2020 11:39:14 +0200 Subject: [PATCH] Use form-control to display box-shadow on form inputs/selects upon focus --- .../contact-admin-modal.component.html | 15 ++-- .../edit-custom-config.component.html | 38 ++++---- .../following-add.component.scss | 7 -- .../moderation-comment-modal.component.html | 5 +- .../users/user-edit/user-edit.component.html | 6 +- ...my-account-accept-ownership.component.html | 7 +- .../my-account-change-email.component.html | 4 +- .../my-account-change-password.component.html | 6 +- ...-account-interface-settings.component.html | 2 +- .../my-account-profile.component.html | 4 +- .../my-account-video-settings.component.html | 2 +- ...-account-video-channel-edit.component.html | 6 +- .../video-change-ownership.component.html | 7 +- .../register-step-user.component.html | 6 +- ...rify-account-ask-send-email.component.html | 2 +- client/src/app/login/login.component.html | 9 +- ...stance-config-warning-modal.component.html | 5 +- .../app/modal/welcome-modal.component.html | 12 ++- .../app/search/search-filters.component.html | 8 +- .../app/search/search-filters.component.scss | 63 +------------- .../app/shared/confirm/confirm.component.html | 8 +- .../app/shared/confirm/confirm.component.ts | 1 - .../forms/markdown-textarea.component.html | 3 +- .../moderation/user-ban-modal.component.html | 11 ++- .../modals/video-blacklist.component.html | 13 +-- .../modals/video-download.component.html | 7 +- .../video/modals/video-report.component.html | 13 +-- .../video/video-miniature.component.html | 2 +- .../video-caption-add-modal.component.html | 7 +- .../shared/video-edit.component.html | 12 +-- .../shared/video-edit.component.scss | 68 ++------------- .../video-upload.component.html | 8 +- .../comment/video-comment-add.component.html | 7 +- .../modal/video-support.component.html | 5 +- client/src/sass/application.scss | 2 + client/src/sass/bootstrap.scss | 17 ++++ client/src/sass/include/_mixins.scss | 87 +++++++++++++++++-- client/src/sass/include/_variables.scss | 3 + 38 files changed, 248 insertions(+), 240 deletions(-) diff --git a/client/src/app/+about/about-instance/contact-admin-modal.component.html b/client/src/app/+about/about-instance/contact-admin-modal.component.html index c3c71bdee..7d93796ec 100644 --- a/client/src/app/+about/about-instance/contact-admin-modal.component.html +++ b/client/src/app/+about/about-instance/contact-admin-modal.component.html @@ -10,7 +10,7 @@
{{ formErrors.fromName }}
@@ -19,7 +19,7 @@
{{ formErrors.fromEmail }}
@@ -28,7 +28,7 @@
{{ formErrors.subject }}
@@ -36,7 +36,7 @@
-
{{ formErrors.body }}
@@ -44,9 +44,10 @@
{{ error }}
- - Cancel - +
{{ formErrors.instance.name }}
@@ -28,7 +28,7 @@
{{ formErrors.instance.shortDescription }}
@@ -107,7 +107,7 @@
- @@ -172,7 +172,7 @@
To share your personal videos? To open registrations and allow people to upload what they want?
{{ formErrors.instance.creationReason }}
@@ -183,7 +183,7 @@
It's important to know for users who want to register on your instance
{{ formErrors.instance.maintenanceLifetime }}
@@ -194,7 +194,7 @@
With your own funds? With user donations? Advertising?
{{ formErrors.instance.businessModel }}
@@ -249,7 +249,7 @@
- @@ -261,7 +261,7 @@
- @@ -303,7 +303,7 @@
{{ formErrors.signup.limit }}
@@ -318,7 +318,7 @@
- @@ -330,7 +330,7 @@
- @@ -451,7 +451,7 @@
{{ formErrors.followings.instance.autoFollowIndex.indexUrl }}
@@ -477,7 +477,7 @@
{{ formErrors.admin.email }}
@@ -518,7 +518,7 @@
{{ formErrors.services.twitter.username }}
@@ -656,7 +656,7 @@
- @@ -707,7 +707,7 @@
{{ formErrors.cache.previews.size }}
@@ -716,7 +716,7 @@
{{ formErrors.cache.captions.size }}
@@ -750,7 +750,7 @@ @@ -780,7 +780,7 @@
{{ formErrors.instance.customizations.css }}
diff --git a/client/src/app/+admin/follows/following-add/following-add.component.scss b/client/src/app/+admin/follows/following-add/following-add.component.scss index df104c14e..7594b502c 100644 --- a/client/src/app/+admin/follows/following-add/following-add.component.scss +++ b/client/src/app/+admin/follows/following-add/following-add.component.scss @@ -5,13 +5,6 @@ textarea { height: 250px; } -.form-control { - &, &:focus { - background-color: var(--inputBackgroundColor); - color: var(--mainForegroundColor); - } -} - input[type=submit] { @include peertube-button; @include orange-button; diff --git a/client/src/app/+admin/moderation/video-abuse-list/moderation-comment-modal.component.html b/client/src/app/+admin/moderation/video-abuse-list/moderation-comment-modal.component.html index 303a788d2..8fbd33871 100644 --- a/client/src/app/+admin/moderation/video-abuse-list/moderation-comment-modal.component.html +++ b/client/src/app/+admin/moderation/video-abuse-list/moderation-comment-modal.component.html @@ -20,7 +20,10 @@
- Cancel +
@@ -93,7 +93,7 @@
@@ -112,7 +112,7 @@
diff --git a/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.html b/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.html index 674a4e8a2..a155d90e0 100644 --- a/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.html +++ b/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.html @@ -21,9 +21,10 @@