diff options
Diffstat (limited to 'client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss')
-rw-r--r-- | client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss new file mode 100644 index 000000000..b3725ab94 --- /dev/null +++ b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss | |||
@@ -0,0 +1,82 @@ | |||
1 | @import '_variables'; | ||
2 | @import '_mixins'; | ||
3 | |||
4 | form { | ||
5 | margin-bottom: 30px; | ||
6 | } | ||
7 | |||
8 | .avatar-and-textarea { | ||
9 | display: flex; | ||
10 | margin-bottom: 10px; | ||
11 | |||
12 | img { | ||
13 | @include avatar(25px); | ||
14 | |||
15 | vertical-align: top; | ||
16 | margin-right: 10px; | ||
17 | } | ||
18 | |||
19 | .form-group { | ||
20 | flex-grow: 1; | ||
21 | margin: 0; | ||
22 | |||
23 | textarea { | ||
24 | @include peertube-textarea(100%, 60px); | ||
25 | |||
26 | &:focus::placeholder { | ||
27 | opacity: 0; | ||
28 | } | ||
29 | } | ||
30 | } | ||
31 | } | ||
32 | |||
33 | .comment-buttons { | ||
34 | display: flex; | ||
35 | justify-content: flex-end; | ||
36 | |||
37 | button { | ||
38 | @include peertube-button; | ||
39 | @include disable-outline; | ||
40 | @include disable-default-a-behaviour; | ||
41 | |||
42 | &:not(:last-child) { | ||
43 | margin-right: .5rem; | ||
44 | } | ||
45 | |||
46 | &:last-child { | ||
47 | @include orange-button; | ||
48 | } | ||
49 | } | ||
50 | |||
51 | .cancel-button { | ||
52 | @include tertiary-button; | ||
53 | |||
54 | font-weight: $font-semibold; | ||
55 | display: inline-block; | ||
56 | padding: 0 10px 0 10px; | ||
57 | white-space: nowrap; | ||
58 | background: transparent; | ||
59 | } | ||
60 | } | ||
61 | |||
62 | @media screen and (max-width: 600px) { | ||
63 | textarea, .comment-buttons button { | ||
64 | font-size: 14px !important; | ||
65 | } | ||
66 | |||
67 | textarea { | ||
68 | padding: 5px !important; | ||
69 | } | ||
70 | } | ||
71 | |||
72 | .modal-body { | ||
73 | .btn { | ||
74 | @include peertube-button; | ||
75 | @include orange-button; | ||
76 | } | ||
77 | |||
78 | span { | ||
79 | float: left; | ||
80 | margin-bottom: 20px; | ||
81 | } | ||
82 | } | ||