aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2023-01-24 11:57:44 +0100
committerChocobozzz <me@florianbigard.com>2023-01-24 11:57:44 +0100
commit389eb034efc099ea1cbfe5d00912bb6fe8a2d78f (patch)
treeef10d452d8b8cd071b66c160398d894a4850aad1
parent2a720a0fac7236bb19c15e60e4841a1a45f5ecc8 (diff)
downloadPeerTube-389eb034efc099ea1cbfe5d00912bb6fe8a2d78f.tar.gz
PeerTube-389eb034efc099ea1cbfe5d00912bb6fe8a2d78f.tar.zst
PeerTube-389eb034efc099ea1cbfe5d00912bb6fe8a2d78f.zip
Prevent layout shift in videos list
-rw-r--r--client/src/app/shared/shared-main/feeds/feed.component.html2
-rw-r--r--client/src/app/shared/shared-video-miniature/videos-list.component.html2
2 files changed, 2 insertions, 2 deletions
diff --git a/client/src/app/shared/shared-main/feeds/feed.component.html b/client/src/app/shared/shared-main/feeds/feed.component.html
index 914fe6d46..a748be873 100644
--- a/client/src/app/shared/shared-main/feeds/feed.component.html
+++ b/client/src/app/shared/shared-main/feeds/feed.component.html
@@ -1,4 +1,4 @@
1<div class="feed"> 1<div class="feed" *ngIf="syndicationItems && syndicationItems.length !== 0">
2 <my-global-icon 2 <my-global-icon
3 role="button" aria-label="Open syndication dropdown" i18n-aria-label 3 role="button" aria-label="Open syndication dropdown" i18n-aria-label
4 *ngIf="syndicationItems.length !== 0" [ngbPopover]="feedsList" [autoClose]="true" placement="bottom left auto" 4 *ngIf="syndicationItems.length !== 0" [ngbPopover]="feedsList" [autoClose]="true" placement="bottom left auto"
diff --git a/client/src/app/shared/shared-video-miniature/videos-list.component.html b/client/src/app/shared/shared-video-miniature/videos-list.component.html
index c220f61f1..8c8bf80d9 100644
--- a/client/src/app/shared/shared-video-miniature/videos-list.component.html
+++ b/client/src/app/shared/shared-video-miniature/videos-list.component.html
@@ -4,7 +4,7 @@
4 {{ title }} 4 {{ title }}
5 </h1> 5 </h1>
6 6
7 <div *ngIf="syndicationItems" [ngClass]="{ 'no-title': !displayTitle }" class="title-subscription"> 7 <div [ngClass]="{ 'no-title': !displayTitle, invisible: !syndicationItems || syndicationItems.length === 0 }" class="title-subscription">
8 <ng-container i18n>Subscribe to RSS feed "{{ title }}"</ng-container> 8 <ng-container i18n>Subscribe to RSS feed "{{ title }}"</ng-container>
9 9
10 <my-feed [syndicationItems]="syndicationItems"></my-feed> 10 <my-feed [syndicationItems]="syndicationItems"></my-feed>