diff options
author | Kim <1877318+kimsible@users.noreply.github.com> | 2020-07-24 08:53:25 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-07-24 08:53:25 +0200 |
commit | 2e7f262724dd64a209e0bad5930ba29bb4f801c3 (patch) | |
tree | ae722bf8df3331442a5f9eaa34eb5c12db21f6cf /client/src/app/+videos/+video-edit/video-add.component.scss | |
parent | b40a219338fed042072decea203838ca5e2b265f (diff) | |
download | PeerTube-2e7f262724dd64a209e0bad5930ba29bb4f801c3.tar.gz PeerTube-2e7f262724dd64a209e0bad5930ba29bb4f801c3.tar.zst PeerTube-2e7f262724dd64a209e0bad5930ba29bb4f801c3.zip |
Display user quota progress bars above upload form (#2981)
* Move user-quota to my-user-quota shared component
* Add user-quota to upload form
* Increase progress bar height and make it focusable
* Correct syntax parenthesis
* Add explicit title to user-quota bars + tooltip with quota values
* Hide user-quota in second upload step
* Customize focus styles on user-quota
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 | 6 |
1 files changed, 3 insertions, 3 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 b9fef9fce..f9977bda0 100644 --- a/client/src/app/+videos/+video-edit/video-add.component.scss +++ b/client/src/app/+videos/+video-edit/video-add.component.scss | |||
@@ -7,7 +7,7 @@ $border-color: #EAEAEA; | |||
7 | $nav-link-height: 40px; | 7 | $nav-link-height: 40px; |
8 | 8 | ||
9 | .margin-content { | 9 | .margin-content { |
10 | padding-top: 50px; | 10 | padding-top: 20px; |
11 | } | 11 | } |
12 | 12 | ||
13 | .alert { | 13 | .alert { |
@@ -16,7 +16,7 @@ $nav-link-height: 40px; | |||
16 | 16 | ||
17 | ::ng-deep .video-add-nav { | 17 | ::ng-deep .video-add-nav { |
18 | border-bottom: $border-width $border-type $border-color; | 18 | border-bottom: $border-width $border-type $border-color; |
19 | margin: 50px 0 0 0 !important; | 19 | margin: 20px 0 0 0 !important; |
20 | 20 | ||
21 | &.hide-nav { | 21 | &.hide-nav { |
22 | display: none !important; | 22 | display: none !important; |
@@ -64,7 +64,7 @@ $nav-link-height: 40px; | |||
64 | padding-bottom: 20px; | 64 | padding-bottom: 20px; |
65 | display: flex; | 65 | display: flex; |
66 | justify-content: center; | 66 | justify-content: center; |
67 | align-items: center; | 67 | padding-top: 20px; |
68 | 68 | ||
69 | &.dragover { | 69 | &.dragover { |
70 | border: 3px dashed pvar(--mainColor); | 70 | border: 3px dashed pvar(--mainColor); |