22 $peertube-textarea-height: 60px;
23 $markdown-icon-height: 18px;
24 $markdown-icon-width: 30px;
31 ::ng-deep .help-tooltip-button {
33 height: $markdown-icon-height;
34 width: $markdown-icon-width;
43 &:focus, &:active, &:hover {
45 background-color: #C6C6C6;
46 color: pvar(--mainBackgroundColor);
47 fill: pvar(--mainBackgroundColor);
54 @include peertube-textarea(100%, $peertube-textarea-height);
55 @include button-focus(pvar(--mainColorLightest));
57 min-height: calc(#{$peertube-textarea-height} - 15px * 2);
58 padding-right: $markdown-icon-width + 15px !important;
60 @media screen and (max-width: 600px) {
61 padding-right: $markdown-icon-width + 19px !important;
64 &:focus::placeholder {
73 justify-content: flex-end;
76 @include peertube-button;
77 @include disable-outline;
78 @include disable-default-a-behaviour;
85 @include orange-button;
90 @include tertiary-button;
92 font-weight: $font-semibold;
93 display: inline-block;
94 padding: 0 10px 0 10px;
96 background: transparent;
112 display: inline-block;
113 vertical-align: middle;
119 @media screen and (max-width: 600px) {
120 textarea, .comment-buttons button {
121 font-size: 14px !important;
125 padding: 5px !important;
131 @include peertube-button;
132 @include orange-button;