| @@ -2497,8 +2497,28 @@ | ||
| 2497 | 2497 | & .friends-dm-message-meta { |
| 2498 | 2498 | visibility: hidden; |
| 2499 | 2499 | } |
| 2500 | 2500 | |
| 2501 | + &.is-own-message .friends-dm-message-meta { | |
| 2502 | + visibility: visible; | |
| 2503 | + | |
| 2504 | + & strong, | |
| 2505 | + & time { | |
| 2506 | + display: none; | |
| 2507 | + } | |
| 2508 | + } | |
| 2509 | + | |
| 2510 | + &.is-spaced-message .friends-dm-message-meta { | |
| 2511 | + visibility: visible; | |
| 2512 | + } | |
| 2513 | + | |
| 2514 | + &.is-own-message.is-spaced-message .friends-dm-message-meta { | |
| 2515 | + & strong, | |
| 2516 | + & time { | |
| 2517 | + display: inline; | |
| 2518 | + } | |
| 2519 | + } | |
| 2520 | + | |
| 2501 | 2521 | & .friends-dm-message-content { |
| 2502 | 2522 | margin-top: 0; |
| 2503 | 2523 | } |
| 2504 | 2524 | } |
| @@ -2615,8 +2635,26 @@ | ||
| 2615 | 2635 | padding: .45rem .55rem; |
| 2616 | 2636 | |
| 2617 | 2637 | & > :first-child { margin-top: 0; } |
| 2618 | 2638 | & > :last-child { margin-bottom: 0; } |
| 2639 | + } | |
| 2640 | + | |
| 2641 | + & .friends-dm-message-reactions { | |
| 2642 | + display: flex; | |
| 2643 | + flex-wrap: wrap; | |
| 2644 | + gap: .25rem; | |
| 2645 | + margin-top: .2rem; | |
| 2646 | + } | |
| 2647 | + | |
| 2648 | + & .friends-dm-message-reaction { | |
| 2649 | + background: var(--friends-color-surface); | |
| 2650 | + border: 1px solid var(--friends-color-border); | |
| 2651 | + border-radius: 1rem; | |
| 2652 | + color: var(--friends-color-text-muted); | |
| 2653 | + cursor: help; | |
| 2654 | + font-size: .7rem; | |
| 2655 | + line-height: 1.4; | |
| 2656 | + padding: 0 .4rem; | |
| 2619 | 2657 | } |
| 2620 | 2658 | |
| 2621 | 2659 | & .friends-dm-reply { |
| 2622 | 2660 | background: var(--friends-color-surface-muted); |
