diff options
Diffstat (limited to 'client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss')
-rw-r--r-- | client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss | 44 |
1 files changed, 14 insertions, 30 deletions
diff --git a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss index b5628e276..95baa3d0a 100644 --- a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss +++ b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss | |||
@@ -22,37 +22,21 @@ | |||
22 | margin-top: 25px; | 22 | margin-top: 25px; |
23 | margin-bottom: 40px; | 23 | margin-bottom: 40px; |
24 | 24 | ||
25 | p-progressBar { | 25 | .progress { |
26 | @include progressbar; | ||
26 | flex-grow: 1; | 27 | flex-grow: 1; |
27 | 28 | height: 30px; | |
28 | ::ng-deep .ui-progressbar { | 29 | font-size: 15px; |
29 | font-size: 15px !important; | 30 | background-color: rgba(11, 204, 41, 0.16); |
30 | height: 30px !important; | 31 | |
31 | border-radius: 3px !important; | 32 | .progress-bar { |
32 | background-color: rgba(11, 204, 41, 0.16) !important; | 33 | background-color: $green; |
33 | 34 | line-height: 30px; | |
34 | .ui-progressbar-value { | 35 | text-align: left; |
35 | background-color: #0BCC29 !important; | 36 | font-weight: $font-bold; |
36 | } | 37 | |
37 | 38 | span { | |
38 | .ui-progressbar-label { | 39 | margin-left: 18px; |
39 | text-align: left; | ||
40 | padding-left: 18px; | ||
41 | margin-top: 0 !important; | ||
42 | color: #fff !important; | ||
43 | line-height: 30px !important; | ||
44 | } | ||
45 | } | ||
46 | |||
47 | &.processing { | ||
48 | ::ng-deep .ui-progressbar-label { | ||
49 | // Same color as background to hide "100%" | ||
50 | color: rgba(11, 204, 41, 0.16) !important; | ||
51 | |||
52 | &::before { | ||
53 | content: 'Processing...'; | ||
54 | color: #fff; | ||
55 | } | ||
56 | } | 40 | } |
57 | } | 41 | } |
58 | } | 42 | } |