Browse Source

Prevent layout shift in videos list

Chocobozzz 1 year ago
parent
commit
389eb034ef

+ 1 - 1
client/src/app/shared/shared-main/feeds/feed.component.html

@@ -1,4 +1,4 @@
-<div class="feed">
+<div class="feed" *ngIf="syndicationItems && syndicationItems.length !== 0">
   <my-global-icon
     role="button" aria-label="Open syndication dropdown" i18n-aria-label
     *ngIf="syndicationItems.length !== 0" [ngbPopover]="feedsList" [autoClose]="true" placement="bottom left auto"

+ 1 - 1
client/src/app/shared/shared-video-miniature/videos-list.component.html

@@ -4,7 +4,7 @@
       {{ title }}
     </h1>
 
-    <div *ngIf="syndicationItems" [ngClass]="{ 'no-title': !displayTitle }" class="title-subscription">
+    <div [ngClass]="{ 'no-title': !displayTitle, invisible: !syndicationItems || syndicationItems.length === 0 }" class="title-subscription">
       <ng-container i18n>Subscribe to RSS feed "{{ title }}"</ng-container>
 
       <my-feed [syndicationItems]="syndicationItems"></my-feed>