forks
/
peertube
1
0
Fork 0
Code Releases 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>
<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>
<small class="muted" *ngIf="action.description">{{ action.description }}</small>
</div>

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

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