aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2022-09-27 10:35:51 +0200
committerChocobozzz <me@florianbigard.com>2022-09-27 10:35:51 +0200
commit52444ea13c72ccf6ff09c629710a545b7e8283df (patch)
tree80cd2c1057c75fc44322318eac5a4ed4c722ba27
parent85edcb5626d6843fbe4aa6f4d002e7ccbb5e7b58 (diff)
downloadPeerTube-52444ea13c72ccf6ff09c629710a545b7e8283df.tar.gz
PeerTube-52444ea13c72ccf6ff09c629710a545b7e8283df.tar.zst
PeerTube-52444ea13c72ccf6ff09c629710a545b7e8283df.zip
Fix moderation dropdown overflow on mobile
-rw-r--r--client/src/app/shared/shared-main/buttons/action-dropdown.component.html2
-rw-r--r--client/src/app/shared/shared-main/buttons/action-dropdown.component.scss12
2 files changed, 13 insertions, 1 deletions
diff --git a/client/src/app/shared/shared-main/buttons/action-dropdown.component.html b/client/src/app/shared/shared-main/buttons/action-dropdown.component.html
index 017355bd0..37cf63fcd 100644
--- a/client/src/app/shared/shared-main/buttons/action-dropdown.component.html
+++ b/client/src/app/shared/shared-main/buttons/action-dropdown.component.html
@@ -18,7 +18,7 @@
18 <ng-template #templateActionLabel let-action> 18 <ng-template #templateActionLabel let-action>
19 <my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName" aria-hidden="true"></my-global-icon> 19 <my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName" aria-hidden="true"></my-global-icon>
20 20
21 <div class="d-flex flex-column"> 21 <div class="item-label">
22 <span i18n>{{ action.label }}</span> 22 <span i18n>{{ action.label }}</span>
23 <small class="muted" *ngIf="action.description">{{ action.description }}</small> 23 <small class="muted" *ngIf="action.description">{{ action.description }}</small>
24 </div> 24 </div>
diff --git a/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss b/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss
index fe65d6e7e..4c8a591aa 100644
--- a/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss
+++ b/client/src/app/shared/shared-main/buttons/action-dropdown.component.scss
@@ -53,6 +53,8 @@
53} 53}
54 54
55.dropdown-menu { 55.dropdown-menu {
56 max-width: 75vw;
57
56 .dropdown-header { 58 .dropdown-header {
57 padding: 0.2rem 1rem; 59 padding: 0.2rem 1rem;
58 } 60 }
@@ -72,3 +74,13 @@
72 } 74 }
73 } 75 }
74} 76}
77
78.item-label {
79 display: flex;
80 flex-direction: column;
81 min-width: 1px;
82
83 > * {
84 @include ellipsis;
85 }
86}