1 @use '_variables' as *;
9 @include margin-right(10px);
12 flex-direction: column;
18 background-color: rgba(0, 0, 0, 0.05);
19 margin: 10px calc(1rem + 1px);
30 // Fix word-wrap with flex
34 .highlighted-comment {
35 display: inline-block;
36 background-color: #F5F5F5;
41 font-weight: $font-semibold;
45 .comment-account-date {
51 @include padding-right(6px);
52 @include padding-left(6px);
55 background-color: #888888;
59 box-sizing: border-box;
63 color: #fff !important;
67 word-break: break-all;
72 @include disable-default-a-behaviour;
74 color: pvar(--mainForegroundColor);
77 text-decoration: underline;
81 .comment-account-fid {
87 @include margin-left(5px);
90 color: pvar(--greyForegroundColor);
91 text-decoration: none;
94 text-decoration: underline;
99 @include peertube-word-wrap;
104 &:not(.linkified-url) {
105 @include disable-default-a-behaviour;
107 color: pvar(--mainForegroundColor);
109 font-weight: $font-semibold;
116 margin-bottom: .3rem;
119 &.comment-html-deleted {
120 color: pvar(--greyForegroundColor);
129 ::ng-deep .dropdown-toggle,
130 .comment-action-reply {
131 @include margin-right(10px);
133 color: pvar(--greyForegroundColor);
140 color: pvar(--mainForegroundColor);
144 ::ng-deep .action-button {
145 background-color: transparent;
151 my-video-comment-add {
160 @include margin-right(6px);
164 @media screen and (max-width: 1200px) {
166 @include margin-left(-10px);
170 @media screen and (max-width: 600px) {
172 @include margin-left(-20px);
175 align-items: flex-start;
178 @include margin-left(2px);
183 .comment-account-date {
184 flex-direction: column;
187 @include margin-left(0);