interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix moderation dropdown overflow on mobile

This commit is contained in:
Chocobozzz 2022-09-27 10:35:51 +02:00
parent 85edcb5626
commit 52444ea13c
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/shared/shared-main/buttons/action-dropdown.component.html
View File

@ -18,7 +18,7 @@
<ng-template #templateActionLabel let-action> <ng-template #templateActionLabel let-action>
<my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName" aria-hidden="true"></my-global-icon> <my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName" aria-hidden="true"></my-global-icon>
<div class="d-flex flex-column"> <div class="item-label">
<span i18n>{{ action.label }}</span> <span i18n>{{ action.label }}</span>
<small class="muted" *ngIf="action.description">{{ action.description }}</small> <small class="muted" *ngIf="action.description">{{ action.description }}</small>
</div> </div>

12
client/src/app/shared/shared-main/buttons/action-dropdown.component.scss
View File

@ -53,6 +53,8 @@
} }
.dropdown-menu { .dropdown-menu {
max-width: 75vw;
.dropdown-header { .dropdown-header {
padding: 0.2rem 1rem; padding: 0.2rem 1rem;
} }
@ -72,3 +74,13 @@
} }
} }
} }
.item-label {
display: flex;
flex-direction: column;
min-width: 1px;
> * {
@include ellipsis;
}
}