diff options
author | Chocobozzz <me@florianbigard.com> | 2019-06-12 12:40:24 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2019-06-12 16:44:15 +0200 |
commit | 2f4c784a92ac50cacef07f4925e284b4041422f4 (patch) | |
tree | 159e744c68c5f5cd8054b5f63eb389553e13bf56 /client/src/app/videos/+video-watch/modal/video-share.component.scss | |
parent | 011e1e6b37e15a44624b2d0e50263e16382060d2 (diff) | |
download | PeerTube-2f4c784a92ac50cacef07f4925e284b4041422f4.tar.gz PeerTube-2f4c784a92ac50cacef07f4925e284b4041422f4.tar.zst PeerTube-2f4c784a92ac50cacef07f4925e284b4041422f4.zip |
Add params to share modal
Diffstat (limited to 'client/src/app/videos/+video-watch/modal/video-share.component.scss')
-rw-r--r-- | client/src/app/videos/+video-watch/modal/video-share.component.scss | 68 |
1 files changed, 62 insertions, 6 deletions
diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.scss b/client/src/app/videos/+video-watch/modal/video-share.component.scss index 472a45920..c48abf9e0 100644 --- a/client/src/app/videos/+video-watch/modal/video-share.component.scss +++ b/client/src/app/videos/+video-watch/modal/video-share.component.scss | |||
@@ -1,5 +1,9 @@ | |||
1 | @import '~bootstrap/scss/functions'; | 1 | @import '_mixins'; |
2 | @import '~bootstrap/scss/variables'; | 2 | @import '_variables'; |
3 | |||
4 | .peertube-select-container { | ||
5 | @include peertube-select-container(200px); | ||
6 | } | ||
3 | 7 | ||
4 | .action-button-cancel { | 8 | .action-button-cancel { |
5 | margin-right: 0 !important; | 9 | margin-right: 0 !important; |
@@ -9,13 +13,65 @@ | |||
9 | text-align: center; | 13 | text-align: center; |
10 | } | 14 | } |
11 | 15 | ||
12 | .start-at { | 16 | .tab-content { |
17 | margin-top: 30px; | ||
13 | display: flex; | 18 | display: flex; |
14 | justify-content: center; | 19 | justify-content: center; |
15 | margin-top: 10px; | ||
16 | align-items: center; | 20 | align-items: center; |
21 | flex-direction: column; | ||
22 | } | ||
23 | |||
24 | .alert { | ||
25 | margin-top: 20px; | ||
26 | } | ||
27 | |||
28 | input.readonly { | ||
29 | font-size: 15px; | ||
30 | } | ||
31 | |||
32 | .filters { | ||
33 | margin-top: 30px; | ||
34 | padding-top: 30px; | ||
35 | border-top: 1px solid $separator-border-color; | ||
36 | |||
37 | .advanced-filters-button { | ||
38 | display: flex; | ||
39 | justify-content: center; | ||
40 | align-items: center; | ||
41 | margin-top: 30px; | ||
42 | font-size: 16px; | ||
43 | font-weight: $font-semibold; | ||
44 | cursor: pointer; | ||
45 | |||
46 | .glyphicon { | ||
47 | margin-right: 5px; | ||
48 | } | ||
49 | } | ||
50 | |||
51 | .form-group { | ||
52 | margin-bottom: 0; | ||
53 | height: 34px; | ||
54 | display: flex; | ||
55 | align-items: center; | ||
56 | } | ||
57 | |||
58 | .video-caption-block { | ||
59 | display: flex; | ||
60 | align-items: center; | ||
61 | |||
62 | .peertube-select-container { | ||
63 | margin-left: 10px; | ||
64 | } | ||
65 | } | ||
66 | |||
67 | .start-at, | ||
68 | .stop-at { | ||
69 | width: 300px; | ||
70 | display: flex; | ||
71 | align-items: center; | ||
17 | 72 | ||
18 | my-timestamp-input { | 73 | my-timestamp-input { |
19 | margin-left: 10px; | 74 | margin-left: 10px; |
75 | } | ||
20 | } | 76 | } |
21 | } | 77 | } |