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 | 119 |
1 files changed, 0 insertions, 119 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 deleted file mode 100644 index fb79991db..000000000 --- a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss +++ /dev/null | |||
@@ -1,119 +0,0 @@ | |||
1 | @use '_variables' as *; | ||
2 | @use '_mixins' as *; | ||
3 | |||
4 | $markdown-icon-height: 18px; | ||
5 | $markdown-icon-width: 30px; | ||
6 | $peertube-textarea-height: 60px; | ||
7 | |||
8 | form { | ||
9 | margin-bottom: 30px; | ||
10 | } | ||
11 | |||
12 | .avatar-and-textarea { | ||
13 | display: flex; | ||
14 | margin-bottom: 10px; | ||
15 | |||
16 | my-actor-avatar { | ||
17 | @include margin-right(10px); | ||
18 | } | ||
19 | |||
20 | .form-group { | ||
21 | flex-grow: 1; | ||
22 | margin: 0; | ||
23 | position: relative; | ||
24 | } | ||
25 | |||
26 | textarea { | ||
27 | @include peertube-textarea(100%, $peertube-textarea-height); | ||
28 | @include button-focus(pvar(--mainColorLightest)); | ||
29 | @include padding-right($markdown-icon-width + 15px !important); | ||
30 | |||
31 | min-height: calc(#{$peertube-textarea-height} - 15px * 2); | ||
32 | |||
33 | @media screen and (max-width: 600px) { | ||
34 | @include padding-right($markdown-icon-width + 19px !important); | ||
35 | } | ||
36 | |||
37 | &:focus::placeholder { | ||
38 | opacity: 0; | ||
39 | } | ||
40 | } | ||
41 | } | ||
42 | |||
43 | .markdown-guide { | ||
44 | position: absolute; | ||
45 | top: 5px; | ||
46 | right: 9px; | ||
47 | |||
48 | // inset-inline is not well supported by web browsers | ||
49 | &.is-rtl { | ||
50 | right: unset; | ||
51 | left: 9px; | ||
52 | } | ||
53 | |||
54 | ::ng-deep .help-tooltip-button { | ||
55 | my-global-icon { | ||
56 | height: $markdown-icon-height; | ||
57 | width: $markdown-icon-width; | ||
58 | |||
59 | svg { | ||
60 | color: #C6C6C6; | ||
61 | fill: #C6C6C6; | ||
62 | border-radius: 3px; | ||
63 | } | ||
64 | } | ||
65 | |||
66 | &:focus, | ||
67 | &:active, | ||
68 | &:hover { | ||
69 | my-global-icon svg { | ||
70 | background-color: #C6C6C6; | ||
71 | color: pvar(--mainBackgroundColor); | ||
72 | fill: pvar(--mainBackgroundColor); | ||
73 | } | ||
74 | } | ||
75 | } | ||
76 | } | ||
77 | |||
78 | .comment-buttons { | ||
79 | display: flex; | ||
80 | justify-content: flex-end; | ||
81 | } | ||
82 | |||
83 | .emoji-flex { | ||
84 | display: flex; | ||
85 | flex-flow: row wrap; | ||
86 | align-items: center; | ||
87 | |||
88 | .emoji-flex-item { | ||
89 | text-align: left; | ||
90 | margin: auto; | ||
91 | min-width: 227px; | ||
92 | flex: 1; | ||
93 | |||
94 | code { | ||
95 | @include margin-left(5px); | ||
96 | |||
97 | display: inline-block; | ||
98 | vertical-align: middle; | ||
99 | } | ||
100 | } | ||
101 | } | ||
102 | |||
103 | @media screen and (max-width: 600px) { | ||
104 | textarea, | ||
105 | .comment-buttons button { | ||
106 | font-size: 14px !important; | ||
107 | } | ||
108 | |||
109 | textarea { | ||
110 | padding: 5px !important; | ||
111 | } | ||
112 | } | ||
113 | |||
114 | .modal-body { | ||
115 | > span { | ||
116 | float: left; | ||
117 | margin-bottom: 20px; | ||
118 | } | ||
119 | } | ||