]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/shared-moderation/moderation.scss
Bumped to version v5.2.1
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-moderation / moderation.scss
1 @use 'sass:math';
2 @use '_variables' as *;
3 @use '_mixins' as *;
4 @use '_miniature' as *;
5
6 .moderation-expanded {
7 font-size: 90%;
8 display: flex;
9 flex-wrap: wrap;
10 justify-content: space-between;
11
12 .moderation-expanded-label {
13 @include margin-right(5px);
14
15 font-weight: $font-semibold;
16 display: inline-block;
17 vertical-align: top;
18 text-align: end;
19 min-width: 100px;
20 }
21
22 .moderation-expanded-text {
23 display: inline-flex;
24 word-wrap: break-word;
25
26 ::ng-deep p:last-child {
27 margin-bottom: 0 !important;
28 }
29 }
30
31 .right {
32 width: 50%;
33 max-width: 500px;
34 }
35
36 @media screen and (max-width: $primeng-breakpoint) {
37 .right {
38 width: 100%;
39 }
40 }
41 }
42
43 my-action-dropdown.show {
44 ::ng-deep .dropdown-root {
45 display: block !important;
46 }
47 }
48
49 .table-comment-link,
50 .table-account-link {
51 @include disable-outline;
52
53 color: var(--mainForegroundColor);
54
55 ::ng-deep p:last-child {
56 margin: 0;
57 }
58 }
59
60 .table-account-link {
61 display: flex;
62 flex-direction: column;
63 }
64
65 my-abuse-details {
66 width: 100%;
67 }
68
69 @media screen and (max-width: $primeng-breakpoint) {
70 .abuse-messages {
71 justify-content: flex-start !important;
72 }
73 }