diff options
author | Chocobozzz <me@florianbigard.com> | 2021-10-20 11:35:09 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-10-20 11:35:09 +0200 |
commit | d94b8ecf7dddb82b84302854c5fb761f90a82e39 (patch) | |
tree | 567d4f8e3159ae4217ebf9653aae15e0d2192535 /client/src/app/+admin/moderation | |
parent | dbb76162b9cf2d048505e4d6170b694388f68e75 (diff) | |
download | PeerTube-d94b8ecf7dddb82b84302854c5fb761f90a82e39.tar.gz PeerTube-d94b8ecf7dddb82b84302854c5fb761f90a82e39.tar.zst PeerTube-d94b8ecf7dddb82b84302854c5fb761f90a82e39.zip |
Improve admin tables responsive
Diffstat (limited to 'client/src/app/+admin/moderation')
3 files changed, 16 insertions, 7 deletions
diff --git a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html index 3a8df1f07..7efa87dd0 100644 --- a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html +++ b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html | |||
@@ -41,7 +41,7 @@ | |||
41 | 41 | ||
42 | <td class="action-cell"> | 42 | <td class="action-cell"> |
43 | <my-action-dropdown | 43 | <my-action-dropdown |
44 | [ngClass]="{ 'show': expanded }" placement="bottom-right" container="body" | 44 | [ngClass]="{ 'show': expanded }" placement="bottom-right auto" container="body" |
45 | i18n-label label="Actions" [actions]="videoBlocklistActions" [entry]="videoBlock" | 45 | i18n-label label="Actions" [actions]="videoBlocklistActions" [entry]="videoBlock" |
46 | ></my-action-dropdown> | 46 | ></my-action-dropdown> |
47 | </td> | 47 | </td> |
@@ -52,11 +52,13 @@ | |||
52 | <div class="table-video-image"> | 52 | <div class="table-video-image"> |
53 | <img [src]="videoBlock.video.thumbnailPath"> | 53 | <img [src]="videoBlock.video.thumbnailPath"> |
54 | </div> | 54 | </div> |
55 | |||
55 | <div class="table-video-text"> | 56 | <div class="table-video-text"> |
56 | <div> | 57 | <div> |
57 | <my-global-icon i18n-title title="The video was blocked due to automatic blocking of new videos" *ngIf="videoBlock.type === 2" iconName="robot"></my-global-icon> | 58 | <my-global-icon i18n-title title="The video was blocked due to automatic blocking of new videos" *ngIf="videoBlock.type === 2" iconName="robot"></my-global-icon> |
58 | {{ videoBlock.video.name }} | 59 | {{ videoBlock.video.name }} |
59 | </div> | 60 | </div> |
61 | |||
60 | <div class="text-muted">by {{ videoBlock.video.channel?.displayName }} on {{ videoBlock.video.channel?.host }} </div> | 62 | <div class="text-muted">by {{ videoBlock.video.channel?.displayName }} on {{ videoBlock.video.channel?.host }} </div> |
61 | </div> | 63 | </div> |
62 | </div> | 64 | </div> |
@@ -82,14 +84,12 @@ | |||
82 | <td class="expand-cell" colspan="6"> | 84 | <td class="expand-cell" colspan="6"> |
83 | <div class="d-flex moderation-expanded"> | 85 | <div class="d-flex moderation-expanded"> |
84 | 86 | ||
85 | <!-- block right part (block details) --> | 87 | <div class="left"> |
86 | <div class="col-8"> | 88 | <span class="moderation-expanded-label" i18n>Block reason:</span> |
87 | <span class="col-3 moderation-expanded-label" i18n>Block reason:</span> | 89 | <span class="moderation-expanded-text" [innerHTML]="videoBlock.reasonHtml"></span> |
88 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoBlock.reasonHtml"></span> | ||
89 | </div> | 90 | </div> |
90 | 91 | ||
91 | <!-- block right part (video embed) --> | 92 | <div class="right"> |
92 | <div class="col-4"> | ||
93 | <div class="screenratio"> | 93 | <div class="screenratio"> |
94 | <div [innerHTML]="videoBlock.embedHtml"></div> | 94 | <div [innerHTML]="videoBlock.embedHtml"></div> |
95 | </div> | 95 | </div> |
diff --git a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss index f52ca44ab..6152d9651 100644 --- a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss +++ b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss | |||
@@ -1,4 +1,5 @@ | |||
1 | @use '_mixins' as *; | 1 | @use '_mixins' as *; |
2 | @use '_variables' as *; | ||
2 | 3 | ||
3 | my-global-icon { | 4 | my-global-icon { |
4 | width: 24px; | 5 | width: 24px; |
diff --git a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss index 921732124..3cf7b8db6 100644 --- a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss +++ b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss | |||
@@ -1,7 +1,9 @@ | |||
1 | @use '_mixins' as *; | 1 | @use '_mixins' as *; |
2 | @use '_variables' as *; | ||
2 | 3 | ||
3 | my-feed { | 4 | my-feed { |
4 | @include margin-left(5px); | 5 | @include margin-left(5px); |
6 | |||
5 | display: inline-block; | 7 | display: inline-block; |
6 | width: 15px; | 8 | width: 15px; |
7 | } | 9 | } |
@@ -42,3 +44,9 @@ my-global-icon { | |||
42 | } | 44 | } |
43 | } | 45 | } |
44 | } | 46 | } |
47 | |||
48 | @media screen and (max-width: $primeng-breakpoint) { | ||
49 | .video { | ||
50 | align-items: flex-start !important; | ||
51 | } | ||
52 | } | ||