]>
Commit | Line | Data |
---|---|---|
78848714 C |
1 | @import 'variables'; |
2 | @import 'mixins'; | |
fbad87b0 | 3 | |
7b992a86 C |
4 | .first-step-block { |
5 | ||
6 | .form-group-channel { | |
7 | margin-bottom: 20px; | |
8 | margin-top: 35px; | |
9 | } | |
10 | ||
11 | .audio-image-info { | |
12 | margin-bottom: 10px; | |
13 | } | |
14 | ||
15 | .audio-preview { | |
16 | margin: 30px 0; | |
17 | } | |
fbad87b0 C |
18 | } |
19 | ||
20 | .upload-progress-cancel { | |
21 | display: flex; | |
22 | margin-top: 25px; | |
23 | margin-bottom: 40px; | |
24 | ||
25 | p-progressBar { | |
26 | flex-grow: 1; | |
27 | ||
03652b31 | 28 | ::ng-deep .ui-progressbar { |
fbad87b0 | 29 | font-size: 15px !important; |
fbad87b0 | 30 | height: 30px !important; |
fbad87b0 C |
31 | border-radius: 3px !important; |
32 | background-color: rgba(11, 204, 41, 0.16) !important; | |
33 | ||
34 | .ui-progressbar-value { | |
35 | background-color: #0BCC29 !important; | |
36 | } | |
37 | ||
38 | .ui-progressbar-label { | |
39 | text-align: left; | |
40 | padding-left: 18px; | |
41 | margin-top: 0 !important; | |
276d9652 C |
42 | color: #fff !important; |
43 | line-height: 30px !important; | |
fbad87b0 C |
44 | } |
45 | } | |
46 | ||
47 | &.processing { | |
03652b31 | 48 | ::ng-deep .ui-progressbar-label { |
fbad87b0 C |
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 | } | |
57 | } | |
58 | } | |
59 | ||
60 | input { | |
61 | @include peertube-button; | |
62 | @include grey-button; | |
63 | ||
64 | margin-left: 10px; | |
65 | } | |
7373507f | 66 | } |