From 7906b056c919a95d9edbe6bcc00e364f2af4dab7 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 23 Aug 2023 16:42:52 +0300
Subject: [PATCH] Fix drops and dropdowns in avalableOn, result-preview and
 showAuthors

---
 .../landing-utils/availableOn.component.ts    |  7 +++--
 utils/authors/showAuthors.component.ts        |  2 +-
 .../result-preview.component.html             | 30 ++++++++++---------
 3 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/landingPages/landing-utils/availableOn.component.ts b/landingPages/landing-utils/availableOn.component.ts
index 9a1d217c..b3d47e2b 100644
--- a/landingPages/landing-utils/availableOn.component.ts
+++ b/landingPages/landing-utils/availableOn.component.ts
@@ -26,9 +26,10 @@ import {RouterHelper} from "../../utils/routerHelper.class";
                 <icon [flex]="true" [name]="(isOpen?'arrow_drop_up':'arrow_drop_down')"></icon>
               </span>
             </a>
-            <div #dropElement uk-drop="mode: click; pos: bottom-left;" 
-              class="uk-drop download-drop uk-card uk-card-default uk-padding-small uk-padding-remove-horizontal uk-text-small uk-height-max-large uk-overflow-auto">
-              <ng-container *ngTemplateOutlet="availableOnList"></ng-container>
+            <div #dropElement uk-drop="mode: click; pos: bottom-left; flip: false; shift: false" class="uk-drop download-drop">
+                <div class="uk-card uk-card-default uk-padding-small uk-padding-remove-horizontal uk-text-small uk-height-max-large uk-overflow-auto">
+                    <ng-container *ngTemplateOutlet="availableOnList"></ng-container>
+                </div>
             </div>
           </ng-container>
           
diff --git a/utils/authors/showAuthors.component.ts b/utils/authors/showAuthors.component.ts
index a9987197..12a8784a 100644
--- a/utils/authors/showAuthors.component.ts
+++ b/utils/authors/showAuthors.component.ts
@@ -26,7 +26,7 @@ import {properties} from "../../../../environments/environment";
                 {{author.fullName + ";"}}
               </span>
           </a>
-          <div *ngIf="!isMobile" class="default-dropdown uk-margin-remove-top uk-dropdown orcid-dropdown" uk-dropdown="mode:click; offset: 4" style="min-width: 465px !important;">
+          <div *ngIf="!isMobile" class="default-dropdown uk-margin-remove-top uk-dropdown orcid-dropdown" uk-dropdown="mode:click; offset: 4; container: true" style="min-width: 465px !important;">
               <ng-container *ngTemplateOutlet="dropdown"></ng-container>
           </div>
           <mobile-dropdown *ngIf="isMobile" [toggle]="toggle">
diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index d8608abb..5bc75d3f 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -216,20 +216,22 @@
                       [name]="result.measure.bip[0].icon"></icon>
                 <span class="uk-margin-xsmall-left">{{result.measure.bip[0].value}}</span>
               </a>
-              <div uk-drop="pos: top-right" class="uk-card uk-card-default uk-border uk-box-no-shadow uk-padding-small">
-                <table>
-                  <tr *ngFor="let metric of result.measure.bip">
-                    <td class="bip-icon">
-                      <icon [flex]="true" [ratio]="0.7" [name]="metric.icon"></icon>
-                    </td>
-                    <td class="uk-text-capitalize">{{metric.name}}</td>
-                    <td class="uk-text-bolder">{{metric.value}}</td>
-                  </tr>
-                </table>
-                <div class="uk-margin-top uk-flex uk-flex-middle uk-flex-center">
-                  <img class="uk-margin-xsmall-right" width="15" src="assets/common-assets/bip-minimal.svg"
-                    loading="lazy" alt="BIP!">
-                  <span class="uk-text-uppercase">Powered by <span class="uk-text-bolder">BIP!</span></span>
+              <div uk-drop="pos: top-right" class="uk-drop">
+                <div class="uk-card uk-card-default uk-border uk-box-no-shadow uk-padding-small">
+                  <table>
+                    <tr *ngFor="let metric of result.measure.bip">
+                      <td class="bip-icon">
+                        <icon [flex]="true" [ratio]="0.7" [name]="metric.icon"></icon>
+                      </td>
+                      <td class="uk-text-capitalize">{{metric.name}}</td>
+                      <td class="uk-text-bolder">{{metric.value}}</td>
+                    </tr>
+                  </table>
+                  <div class="uk-margin-top uk-flex uk-flex-middle uk-flex-center">
+                    <img class="uk-margin-xsmall-right" width="15" src="assets/common-assets/bip-minimal.svg"
+                         loading="lazy" alt="BIP!">
+                    <span class="uk-text-uppercase">Powered by <span class="uk-text-bolder">BIP!</span></span>
+                  </div>
                 </div>
               </div>
             </ng-container>