diff options
author | Ms Kimsible <1877318+kimsible@users.noreply.github.com> | 2021-08-25 11:38:10 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-08-25 11:38:10 +0200 |
commit | 4e1592daa41f81667f914f37d36795e8c6c046c3 (patch) | |
tree | 8bed3af237b6d5d4da08af989c3824a168e6f3b6 /client/src/app/+videos/+video-edit/video-add.component.scss | |
parent | 644800ef5588e08da2a8227f6d72751d3dca85db (diff) | |
download | PeerTube-4e1592daa41f81667f914f37d36795e8c6c046c3.tar.gz PeerTube-4e1592daa41f81667f914f37d36795e8c6c046c3.tar.zst PeerTube-4e1592daa41f81667f914f37d36795e8c6c046c3.zip |
Alert user for low quota and video auto-block on upload page (#4336)
* Replace wording of instance contact
* Add contact-us button to no-quota alert on upload page
* Add alert for accounts with auto-blocked videos on upload page
* Add alert for accounts without enough quota + refacto on upload page
* Using ng-container and ng-template
* Add alert for daily quota
* Add hook filter for upload page alert messages
* Add instance name as subtitle in contact modal
* Fix eslint max-len on string
* Fix missing word in quota left daily message - upload page
Co-authored-by: Kimsible <kimsible@users.noreply.github.com>
Diffstat (limited to 'client/src/app/+videos/+video-edit/video-add.component.scss')
-rw-r--r-- | client/src/app/+videos/+video-edit/video-add.component.scss | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/client/src/app/+videos/+video-edit/video-add.component.scss b/client/src/app/+videos/+video-edit/video-add.component.scss index dea6fde36..26be86d29 100644 --- a/client/src/app/+videos/+video-edit/video-add.component.scss +++ b/client/src/app/+videos/+video-edit/video-add.component.scss | |||
@@ -6,18 +6,29 @@ $border-type: solid; | |||
6 | $border-color: #EAEAEA; | 6 | $border-color: #EAEAEA; |
7 | $nav-link-height: 40px; | 7 | $nav-link-height: 40px; |
8 | 8 | ||
9 | .no-upload { | 9 | .upload-message { |
10 | height: 100%; | ||
11 | width: 100%; | 10 | width: 100%; |
12 | text-align: center; | 11 | text-align: center; |
12 | font-size: 15px; | ||
13 | margin-bottom: 0; | ||
14 | |||
15 | &:last-child { | ||
16 | margin-bottom: 1rem; | ||
17 | } | ||
13 | 18 | ||
14 | .about-link { | 19 | .about-link, |
20 | .contact-link { | ||
15 | @include peertube-button-link; | 21 | @include peertube-button-link; |
16 | @include orange-button; | 22 | @include orange-button; |
17 | 23 | ||
18 | height: fit-content; | 24 | height: fit-content; |
19 | margin-top: 10px; | 25 | margin-top: 10px; |
20 | } | 26 | } |
27 | } | ||
28 | |||
29 | .upload-image { | ||
30 | width: 100%; | ||
31 | text-align: center; | ||
21 | 32 | ||
22 | img { | 33 | img { |
23 | margin-top: 10px; | 34 | margin-top: 10px; |
@@ -38,10 +49,6 @@ $nav-link-height: 40px; | |||
38 | padding-top: 20px; | 49 | padding-top: 20px; |
39 | } | 50 | } |
40 | 51 | ||
41 | .alert { | ||
42 | font-size: 15px; | ||
43 | } | ||
44 | |||
45 | ::ng-deep .video-add-nav { | 52 | ::ng-deep .video-add-nav { |
46 | border-bottom: $border-width $border-type $border-color; | 53 | border-bottom: $border-width $border-type $border-color; |
47 | margin: 20px 0 0 !important; | 54 | margin: 20px 0 0 !important; |