10 flex-direction: column;
17 background-color: rgba(0, 0, 0, 0.05);
18 margin: 10px calc(1rem + 1px);
27 @include avatar(36px);
32 // Fix word-wrap with flex
35 .highlighted-comment {
36 display: inline-block;
37 background-color: #F5F5F5;
42 font-weight: $font-semibold;
46 .comment-account-date {
52 background-color: #888888;
56 box-sizing: border-box;
62 color: white !important;
66 word-break: break-all;
71 @include disable-default-a-behaviour;
73 color: var(--mainForegroundColor);
76 .comment-account-fid {
83 color: var(--greyForegroundColor);
85 text-decoration: none;
90 @include peertube-word-wrap;
95 &:not(.linkified-url) {
96 @include disable-default-a-behaviour;
98 color: var(--mainForegroundColor);
100 font-weight: $font-semibold;
107 margin-bottom: .3rem;
110 &.comment-html-deleted {
111 color: var(--greyForegroundColor);
120 ::ng-deep .dropdown-toggle,
121 .comment-action-reply,
122 .comment-action-delete {
123 color: var(--greyForegroundColor);
128 color: var(--mainForegroundColor);
132 ::ng-deep .action-button {
133 background-color: transparent;
139 my-video-comment-add {
148 // Reduce avatars size for replies
150 @include avatar(25px);
159 @media screen and (max-width: 1200px) {
165 @media screen and (max-width: 600px) {
171 align-items: flex-start;
180 .comment-account-date {
181 flex-direction: column;