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 | 40 |
1 files changed, 39 insertions, 1 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 index d8f851baf..814417f04 100644 --- 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 | |||
@@ -19,11 +19,49 @@ form { | |||
19 | .form-group { | 19 | .form-group { |
20 | flex-grow: 1; | 20 | flex-grow: 1; |
21 | margin: 0; | 21 | margin: 0; |
22 | position: relative; | ||
23 | |||
24 | $peertube-textarea-height: 60px; | ||
25 | $markdown-icon-height: 18px; | ||
26 | $markdown-icon-width: 30px; | ||
27 | |||
28 | .markdown-guide { | ||
29 | position: absolute; | ||
30 | top: 5px; | ||
31 | left: 4px; | ||
32 | |||
33 | @media screen and (max-width: 600px) { | ||
34 | left: 0; | ||
35 | } | ||
36 | |||
37 | ::ng-deep .help-tooltip-button { | ||
38 | my-global-icon { | ||
39 | height: $markdown-icon-height; | ||
40 | width: $markdown-icon-width; | ||
41 | |||
42 | svg { | ||
43 | opacity: 0.5; | ||
44 | } | ||
45 | } | ||
46 | |||
47 | &:focus, &:active, &:hover { | ||
48 | my-global-icon svg { | ||
49 | opacity: 1; | ||
50 | } | ||
51 | } | ||
52 | } | ||
53 | } | ||
22 | 54 | ||
23 | textarea { | 55 | textarea { |
24 | @include peertube-textarea(100%, 60px); | 56 | @include peertube-textarea(100%, $peertube-textarea-height); |
25 | @include button-focus(pvar(--mainColorLightest)); | 57 | @include button-focus(pvar(--mainColorLightest)); |
26 | 58 | ||
59 | text-indent: $markdown-icon-width; | ||
60 | |||
61 | @media screen and (max-width: 600px) { | ||
62 | text-indent: $markdown-icon-width + 5px; | ||
63 | } | ||
64 | |||
27 | &:focus::placeholder { | 65 | &:focus::placeholder { |
28 | opacity: 0; | 66 | opacity: 0; |
29 | } | 67 | } |