From c9143ebbf0da698b02a59d23f72ae50124cdd318 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Thu, 9 Jun 2022 17:51:58 +0300
Subject: [PATCH] [Library & common-assets | new-theme]: min-width in landing
 right sidebar | fix in classified subjects display | tooltip for license in
 download from. 1. landing-utils.css: Added class
 .landing-right-sidebar-min-width { min-width: 360px; }. 2.
 resultLanding.component.html: In right sidebar added class
 "landing-right-sidebar-min-width". 3. showSubjects.component.ts: [Bug fix]
 Removed class "uk-flex-inline" from keys for loop div - so that each tag goes
 to a new line. 4. availableOn.component.ts: Added uk-tooltip for accessRight
 tooltip | On hovering licence, show in tooltip the whole value.

---
 landingPages/landing-utils/availableOn.component.ts  | 7 ++++---
 landingPages/landing-utils/showSubjects.component.ts | 2 +-
 landingPages/result/resultLanding.component.html     | 6 +++---
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/landingPages/landing-utils/availableOn.component.ts b/landingPages/landing-utils/availableOn.component.ts
index e28a334c..fc4bcce2 100644
--- a/landingPages/landing-utils/availableOn.component.ts
+++ b/landingPages/landing-utils/availableOn.component.ts
@@ -21,8 +21,9 @@ import {properties} from "../../../../environments/environment";
     <div *ngIf="availableOn" class="download-from uk-margin-small-bottom">
       <div *ngFor="let instance of availableOn.slice(0, viewAll?availableOn.length:threshold) let i=index"
            class="uk-flex uk-flex-top uk-padding-small uk-margin-small-bottom"
-           [title]="instance.accessRight ? instance.accessRight : 'Not available'">
-        <span [class]="'uk-margin-small-right ' + (instance.accessRightIcon == 'lock_open' ? 'uk-text-success' : 'uk-text-meta')">
+           uk-tooltip [title]="instance.accessRight ? instance.accessRight : 'Not available'">
+        <span [class]="'uk-margin-small-right ' + (instance.accessRightIcon == 'lock_open' ? 'uk-text-success' : 'uk-text-meta')"
+              uk-tooltip [title]="instance.accessRight ? instance.accessRight : 'Not available'">
           <icon [name]="instance.accessRightIcon" flex="true" type="outlined"></icon>
         </span>
         <div class="uk-width-expand uk-padding-small uk-padding-remove-left uk-padding-remove-vertical">
@@ -37,7 +38,7 @@ import {properties} from "../../../../environments/environment";
             <span *ngIf="instance.types?.length > 0 && instance.years?.length > 0"> . </span>
             <span *ngIf="instance.years?.length > 0">{{instance.years.join(" . ")}}</span>
           </div>
-          <div *ngIf="instance.license" class="uk-text-meta uk-text-truncate">
+          <div *ngIf="instance.license" class="uk-text-meta uk-text-truncate" uk-tooltip [title]="instance.license">
             License:
             <a *ngIf="isUrl(instance.license); else elseBlock"
                [href]="instance.license" target="_blank" class="custom-external">
diff --git a/landingPages/landing-utils/showSubjects.component.ts b/landingPages/landing-utils/showSubjects.component.ts
index 92096e41..a58e640a 100644
--- a/landingPages/landing-utils/showSubjects.component.ts
+++ b/landingPages/landing-utils/showSubjects.component.ts
@@ -56,7 +56,7 @@ import {properties} from "../../../../environments/environment";
 
     <ng-template #subjects_by_vocabulary_template let-customClasses="customClasses" let-id="id">
       <div *ngFor="let key of getKeys(classifiedSubjects) let i=index"
-           class="uk-flex-inline uk-flex-wrap uk-margin-medium-right"
+           class="uk-flex-wrap uk-margin-medium-right"
            [ngClass]="customClasses">
         <p #classifiedContent [id]="id+'_'+key" class="uk-grid uk-grid-small uk-flex-middle uk-margin-bottom uk-margin-remove-left" uk-grid>
           <span class="uk-padding-remove">
diff --git a/landingPages/result/resultLanding.component.html b/landingPages/result/resultLanding.component.html
index a06eda61..a6082fc1 100644
--- a/landingPages/result/resultLanding.component.html
+++ b/landingPages/result/resultLanding.component.html
@@ -3,7 +3,7 @@
     <div  class="publication">
       <div *ngIf="!showFeedback" class="uk-grid uk-margin-remove-left" uk-grid>
 
-        <!-- left box - actions -->
+        <!-- left box/sidebar - actions -->
         <div *ngIf="resultLandingInfo" class="landing-left-sidebar-width landing-left-sidebar-border landing-background-light-color uk-visible@s uk-padding-remove-horizontal">
           <div class="uk-flex uk-flex-column uk-flex-between uk-flex-center landing-sidebar-height uk-sticky"
                uk-sticky="bottom: true" [attr.offset]="offset">
@@ -402,7 +402,7 @@
         </div>
 
 
-        <!-- right box-->
+        <!-- right box/ sidebar-->
         <ng-container *ngIf="resultLandingInfo && hasRightSidebarInfo">
           <div id="right-sidebar-switcher" uk-toggle href="#right-column-offcanvas"
                class="offcanvas-switcher uk-flex uk-flex-center uk-flex-middle uk-hidden@m"
@@ -421,7 +421,7 @@
             </div>
           </div>
 
-          <div *ngIf="!rightSidebarOffcanvasClicked" class="uk-width-1-3 uk-width-1-4@l uk-padding-remove landing-background-grey-color uk-text-small uk-visible@m"
+          <div *ngIf="!rightSidebarOffcanvasClicked" class="landing-right-sidebar-min-width uk-width-1-3 uk-width-1-4@l uk-padding-remove landing-background-grey-color uk-text-small uk-visible@m"
              [class.uk-animation-right]="viewAll">
             <div class="uk-sticky uk-overflow-auto landing-sidebar-height" uk-sticky="bottom: true" [attr.offset]="offset">
               <ng-container *ngTemplateOutlet="right_column"></ng-container>