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 | ||