1 @use '_variables' as *;
8 @include margin-right(10px);
11 flex-direction: column;
17 background-color: rgba(0, 0, 0, 0.05);
18 margin: 10px calc(1rem + 1px);
29 // Fix word-wrap with flex
33 .highlighted-comment {
34 display: inline-block;
35 background-color: #F5F5F5;
40 font-weight: $font-semibold;
44 .comment-account-date {
50 @include padding-right(6px);
51 @include padding-left(6px);
54 background-color: #888888;
58 box-sizing: border-box;
62 color: #fff !important;
66 word-break: break-all;
71 @include disable-default-a-behaviour;
73 color: pvar(--mainForegroundColor);
76 text-decoration: underline;
80 .comment-account-fid {
86 @include margin-left(5px);
89 color: pvar(--greyForegroundColor);
90 text-decoration: none;
93 text-decoration: underline;
98 @include peertube-word-wrap;
103 &:not(.linkified-url) {
104 @include disable-default-a-behaviour;
106 color: pvar(--mainForegroundColor);
108 font-weight: $font-semibold;
115 margin-bottom: .3rem;
118 &.comment-html-deleted {
119 color: pvar(--greyForegroundColor);
128 ::ng-deep .dropdown-toggle,
129 .comment-action-reply {
130 @include margin-right(10px);
132 color: pvar(--greyForegroundColor);
139 color: pvar(--mainForegroundColor);
143 ::ng-deep .action-button {
144 background-color: transparent;
150 my-video-comment-add {
159 @include margin-right(6px);
163 @media screen and (max-width: 1200px) {
165 @include margin-left(-10px);
169 @media screen and (max-width: 600px) {
171 @include margin-left(-20px);
174 align-items: flex-start;
177 @include margin-left(2px);
182 .comment-account-date {
183 flex-direction: column;
186 @include margin-left(0);