diff options
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 | 66 |
1 files changed, 39 insertions, 27 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 4bb509009..0c74552d3 100644 --- a/client/src/app/videos/+video-edit/video-add.component.scss +++ b/client/src/app/videos/+video-edit/video-add.component.scss | |||
@@ -41,39 +41,51 @@ | |||
41 | } | 41 | } |
42 | } | 42 | } |
43 | 43 | ||
44 | p-progressBar { | 44 | .upload-progress-cancel { |
45 | /deep/ .ui-progressbar { | 45 | display: flex; |
46 | margin-top: 25px !important; | 46 | margin-top: 25px; |
47 | margin-bottom: 40px !important; | 47 | margin-bottom: 40px; |
48 | font-size: 15px !important; | 48 | |
49 | color: #fff !important; | 49 | p-progressBar { |
50 | height: 30px !important; | 50 | flex-grow: 1; |
51 | line-height: 30px !important; | 51 | |
52 | border-radius: 3px !important; | 52 | /deep/ .ui-progressbar { |
53 | background-color: rgba(11, 204, 41, 0.16) !important; | 53 | font-size: 15px !important; |
54 | 54 | color: #fff !important; | |
55 | .ui-progressbar-value { | 55 | height: 30px !important; |
56 | background-color: #0BCC29 !important; | 56 | line-height: 30px !important; |
57 | } | 57 | border-radius: 3px !important; |
58 | background-color: rgba(11, 204, 41, 0.16) !important; | ||
59 | |||
60 | .ui-progressbar-value { | ||
61 | background-color: #0BCC29 !important; | ||
62 | } | ||
58 | 63 | ||
59 | .ui-progressbar-label { | 64 | .ui-progressbar-label { |
60 | text-align: left; | 65 | text-align: left; |
61 | padding-left: 18px; | 66 | padding-left: 18px; |
62 | margin-top: 0 !important; | 67 | margin-top: 0 !important; |
68 | } | ||
63 | } | 69 | } |
64 | } | ||
65 | 70 | ||
66 | &.processing { | 71 | &.processing { |
67 | /deep/ .ui-progressbar-label { | 72 | /deep/ .ui-progressbar-label { |
68 | // Same color as background to hide "100%" | 73 | // Same color as background to hide "100%" |
69 | color: rgba(11, 204, 41, 0.16) !important; | 74 | color: rgba(11, 204, 41, 0.16) !important; |
70 | 75 | ||
71 | &::before { | 76 | &::before { |
72 | content: 'Processing...'; | 77 | content: 'Processing...'; |
73 | color: #fff; | 78 | color: #fff; |
79 | } | ||
74 | } | 80 | } |
75 | } | 81 | } |
76 | } | 82 | } |
77 | } | ||
78 | 83 | ||
84 | input { | ||
85 | @include peertube-button; | ||
86 | @include grey-button; | ||
87 | |||
88 | margin-left: 10px; | ||
89 | } | ||
90 | } | ||
79 | 91 | ||