16 .tabularListRow:not(.tabularListRowHead) {
26 &:hover .columnStats {
31 .messageGroupListStatsSimple {
45 @extend .messageCheckboxLabel;
53 .jsMarked .columnMark > label::after {
61 .columnMark > label::before {
65 .jsMarked .columnMark > label::after {
70 .messageDeleted .columnAvatar,
71 .messageDisabled .columnAvatar {
76 font-family: FontAwesome;
79 @include screen-md-up {
83 @include screen-sm-down {
89 > div .icon:first-child {
94 .messageDisabled .columnAvatar::before {
95 color: rgb(0, 140, 0);
96 content: $fa-var-eye-slash;
98 @include screen-md-up {
103 @include screen-sm-down {
109 .messageDeleted .columnAvatar::before {
110 color: rgb(180, 0, 0);
111 content: $fa-var-trash-o;
115 @include screen-md-up {
120 @include screen-sm-down {
141 border: 1px solid $wcfContentBackground;
142 box-sizing: content-box;
151 > .messageGroupLink {
152 @include wcfFontHeadline;
168 transition: opacity 0.12s;
193 color: $wcfContentDimmedText;
199 text-overflow: ellipsis;
205 .tabularListRow:hover,
208 .columnSubject > .statusDisplay {
218 .tabularListColumns.new,
221 .columnSubject > h3 > .messageGroupLink {
229 transition: opacity 0.12s;
231 @include wcfFontSmall;
238 @include screen-md-up {
239 .messageGroupCounterMobile,
240 .messageGroupInfoMobile {
245 @include screen-sm-down {
246 .tabularListColumns > .columnMark {
250 .tabularListRowHead {
266 .tabularListRow:not(.tabularListRowHead) > .tabularListColumns {
268 justify-content: flex-end;
295 /* 37px = avatar width + margin-right */
296 flex-basis: calc(100% - 42px);
297 max-width: calc(100% - 42px);
300 align-items: flex-start;
303 > .messageGroupLink {
307 text-overflow: ellipsis;
309 @include wcfFontDefault;
312 > .messageGroupCounterMobile {
318 .messageGroupInfoMobile {
319 color: $wcfContentDimmedText;
322 @include wcfFontSmall;
324 > .messageGroupAuthorMobile {
328 > .messageGroupLastPostTimeMobile {
337 .messageGroupEditLink {
355 .tabularListRowHead {
359 @include wcfFontDefault;
366 @include wcfFontDefault;
375 .inlineList > li:not(:last-child) {
387 .messageGroupListStatsSimple {
388 color: $wcfContentDimmedText;
393 transform: translateX(-50%) translateY(-50%);
400 @include screen-md-down {
401 .mobileLinkShadowContainer {
404 > .mobileLinkShadow {
414 .contentHeader.messageGroupContentHeader {
415 > .contentHeaderIcon {
421 &.messageDeleted > .contentHeaderIcon,
422 &.messageDisabled > .contentHeaderIcon {
425 font-family: FontAwesome;
431 > .icon:first-child {
436 &.messageDisabled > .contentHeaderIcon::before {
437 color: rgb(0, 140, 0);
438 content: $fa-var-eye-slash;
443 &.messageDeleted > .contentHeaderIcon::before {
444 color: rgb(180, 0, 0);
445 content: $fa-var-trash-o;