diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-08 08:39:15 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-08 09:57:29 +0100 |
commit | cadb46d832724ea1a17b085b992142aa32e212be (patch) | |
tree | df1972470ab022e95ff5dc7866c78174c36bfa37 /client/src/app/videos/+video-edit/video-add.component.scss | |
parent | c182778e26b8478fae9d7dd0bf0687baf7b72fd1 (diff) | |
download | PeerTube-cadb46d832724ea1a17b085b992142aa32e212be.tar.gz PeerTube-cadb46d832724ea1a17b085b992142aa32e212be.tar.zst PeerTube-cadb46d832724ea1a17b085b992142aa32e212be.zip |
Design second video upload step
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 | 19 |
1 files changed, 16 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 dfdf7ff73..39673b4b7 100644 --- a/client/src/app/videos/+video-edit/video-add.component.scss +++ b/client/src/app/videos/+video-edit/video-add.component.scss | |||
@@ -18,6 +18,7 @@ | |||
18 | .icon.icon-upload { | 18 | .icon.icon-upload { |
19 | @include icon(90px); | 19 | @include icon(90px); |
20 | margin-bottom: 25px; | 20 | margin-bottom: 25px; |
21 | cursor: default; | ||
21 | 22 | ||
22 | background-image: url('../../../assets/images/video/upload.svg'); | 23 | background-image: url('../../../assets/images/video/upload.svg'); |
23 | } | 24 | } |
@@ -58,10 +59,9 @@ | |||
58 | } | 59 | } |
59 | 60 | ||
60 | p-progressBar { | 61 | p-progressBar { |
61 | margin-top: 50px; | ||
62 | margin-bottom: 40px; | ||
63 | |||
64 | /deep/ .ui-progressbar { | 62 | /deep/ .ui-progressbar { |
63 | margin-top: 25px !important; | ||
64 | margin-bottom: 40px !important; | ||
65 | font-size: 15px !important; | 65 | font-size: 15px !important; |
66 | color: #fff !important; | 66 | color: #fff !important; |
67 | height: 30px !important; | 67 | height: 30px !important; |
@@ -76,6 +76,19 @@ p-progressBar { | |||
76 | .ui-progressbar-label { | 76 | .ui-progressbar-label { |
77 | text-align: left; | 77 | text-align: left; |
78 | padding-left: 18px; | 78 | padding-left: 18px; |
79 | margin-top: 0 !important; | ||
80 | } | ||
81 | } | ||
82 | |||
83 | &.processing { | ||
84 | /deep/ .ui-progressbar-label { | ||
85 | // Same color as background to hide "100%" | ||
86 | color: rgba(11, 204, 41, 0.16) !important; | ||
87 | |||
88 | &::before { | ||
89 | content: 'Processing...'; | ||
90 | color: #fff; | ||
91 | } | ||
79 | } | 92 | } |
80 | } | 93 | } |
81 | } | 94 | } |