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 @include disable-default-a-behaviour;
68 word-break: break-all;
69 color: var(--mainForegroundColor);
73 .comment-account-fid {
80 color: $grey-foreground-color;
82 text-decoration: none;
87 @include peertube-word-wrap;
92 &:not(.linkified-url) {
93 @include disable-default-a-behaviour;
95 color: var(--mainForegroundColor);
97 font-weight: $font-semibold;
104 margin-bottom: .3rem;
107 &.comment-html-deleted {
108 color: $grey-foreground-color;
117 ::ng-deep .dropdown-toggle,
118 .comment-action-reply,
119 .comment-action-delete {
120 color: $grey-foreground-color;
125 color: var(--mainForegroundColor);
129 ::ng-deep .action-button {
130 background-color: transparent;
136 my-video-comment-add {
145 // Reduce avatars size for replies
147 @include avatar(25px);
156 @media screen and (max-width: 1200px) {
162 @media screen and (max-width: 600px) {
168 align-items: flex-start;
177 .comment-account-date {
178 flex-direction: column;