[plugins-functionality | DONE | CHANGED ] Search-link deposit: fixes for slider

dashboard/plugins/components/search-deposit-link/plugin-search-deposit-link.component.html

@@ -6,11 +6,10 @@
        {{pluginObject.title}}<span class="uk-text-primary">.</span>
       </h2>
     </div>
-    <slider-container [total]="activeCards.length" [navigation]="'progress'" [period]="6000" [infinite]="true" [parent]="parent">
-
-      <slider-column type="nav" class="slider-nav">
+    <slider-container  [total]="activeCards.length" [navigation]="'progress'" [period]="6000" [infinite]="true" [parent]="parent">
+<ng-container *ngIf="activeCards.length > 0">
+      <slider-column type="nav" class="slider-nav" style="min-height: 300px">
         <ng-container *ngFor="let card of activeCards; let i = index">
-          <ng-container *ngIf="card.show">
             <slider-nav-item [start]="i">
               <div class="uk-text-primary">{{card.tag}}</div>
               <div class="uk-margin-remove uk-text-large uk-text-bold">
@@ -22,7 +21,6 @@
                 {{url.linkText}}
               </a>
             </slider-nav-item>
-          </ng-container>
         </ng-container>
       </slider-column>
       <slider-column type="slider">
@@ -31,14 +29,13 @@
           + 'connect.openaire.eu/assets/connect-assets/home/tablet.png'"
                alt="ipad" loading="lazy">
         </slider-item>
-        <ng-container *ngFor="let card of pluginObject.cardInfoArray; let i = index">
-          <ng-container *ngIf="card.show">
+        <ng-container *ngFor="let card of activeCards; let i = index">
             <slider-item type="slide" [start]="i">
               <img [src]="card.image" [alt]="card.tag" loading="lazy">
             </slider-item>
-          </ng-container>
         </ng-container>
       </slider-column>
+</ng-container>
     </slider-container>
   </div>
 </div>