yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-03 09:49:20 +02:00
Code Issues Releases Wiki Activity

Fix overflow in discover page

Browse source
This commit is contained in:
Chocobozzz 2025-09-08 15:31:59 +02:00
parent a6266dc4bf
commit 4719cf26f4
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/app/+video-list/overview/video-overview.component.html
View file

@ -26,7 +26,7 @@
<h1 class="section-title"> <h1 class="section-title">
<my-actor-avatar *ngIf="object.channel" size="40px" actorType="channel" [actor]="object.channel"></my-actor-avatar> <my-actor-avatar *ngIf="object.channel" size="40px" actorType="channel" [actor]="object.channel"></my-actor-avatar>
<span class="text-fg border-highlight text-decoration-none">{{ object.label }}</span> <span class="ellipsis text-fg border-highlight text-decoration-none">{{ object.label }}</span>
<span class="fg-100 fs-7 mx-2">·</span> <span class="fg-100 fs-7 mx-2">·</span>
<span i18n class="fg-100 fs-7">{{ object.type }}</span> <span i18n class="fg-100 fs-7">{{ object.type }}</span>

7
client/src/app/+video-list/overview/video-overview.component.scss
View file

@ -12,6 +12,7 @@ my-button {
.section-header { .section-header {
display: flex; display: flex;
align-items: center; align-items: center;
min-width: 1px;
} }
.section-title { .section-title {
@ -66,8 +67,10 @@ my-button {
} }
my-actor-avatar { my-actor-avatar {
width: 40px; min-width: 40px;
height: 40px; min-height: 40px;
max-width: 40px;
max-height: 40px;
@include margin-right(10px); @include margin-right(10px);
} }