From 954a1fe8af0653740882c7db4b9bf92b8f9000f4 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 19 Mar 2024 12:53:35 +0200
Subject: [PATCH 01/11] [develop | DONE | ADDED] add variable for xlarge
 border-radius and new blur options

---
 less/mixin.less     |  6 +++---
 less/subnav.less    | 13 ++-----------
 less/utility.less   |  6 ++++++
 less/variables.less |  1 +
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/less/mixin.less b/less/mixin.less
index d332f5c..74bfe6f 100644
--- a/less/mixin.less
+++ b/less/mixin.less
@@ -1,12 +1,12 @@
-.set-blur-background(@color: @base-body-background, @opacity: 80%) {
+.set-blur-background(@color: @base-body-background, @opacity: 80%, @blur: saturate(180%) blur(20px)) {
   &.uk-blur-background, .uk-blur-background {
     background: fade(@color, 99%);
   }
 
   @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
     &.uk-blur-background, .uk-blur-background {
-      -webkit-backdrop-filter: saturate(180%) blur(20px);
-      backdrop-filter: saturate(180%) blur(20px);
+      -webkit-backdrop-filter: @blur;
+      backdrop-filter: @blur;
       background: fade(@color, @opacity) !important;
     }
   }
diff --git a/less/subnav.less b/less/subnav.less
index 25cf0f7..a9fa542 100644
--- a/less/subnav.less
+++ b/less/subnav.less
@@ -21,7 +21,7 @@
 /* Pills alt*/
 @subnav-pill-alt-item-padding-vertical: 10px;
 @subnav-pill-alt-item-padding-horizontal: 20px;
-@subnav-pill-alt-item-border-radius: 24px;
+@subnav-pill-alt-item-border-radius: @global-xlarge-border-radius;
 @subnav-pill-alt-item-color: @global-color;
 @subnav-pill-alt-item-hover-color: @global-secondary-background;
 @subnav-pill-alt-item-active-font-weight: 600;
@@ -72,13 +72,4 @@
       background-image: @subnav-pill-alt-item-active-background-gradient;
     }
   }
-}
-
-/* Inverse */
-@inverse-subnav-pill-alt-box-shadow: @inverse-global-large-box-shadow;
-
-.hook-inverse-misc() {
-  .uk-subnav.uk-subnav-pill-alt {
-    box-shadow: @inverse-subnav-pill-alt-box-shadow;
-  }
-}
+}
\ No newline at end of file
diff --git a/less/utility.less b/less/utility.less
index 9be2444..e3b44be 100644
--- a/less/utility.less
+++ b/less/utility.less
@@ -1,6 +1,8 @@
 @dropcap-font-size: @global-line-height * 3;
 @border-rounded-border-radius: @global-border-radius;
 @border-rounded-small-border-radius: @global-small-border-radius;
+@border-rounded-xlarge-border-radius: @global-xlarge-border-radius;
+
 
 @border-width: @global-border-width;
 @border-color: @global-border;
@@ -49,6 +51,10 @@
   .uk-border-rounded-small {
     border-radius: @border-rounded-small-border-radius;
   }
+  
+  .uk-border-rounded-xlarge {
+    border-radius: @border-rounded-xlarge-border-radius;
+  }
 }
 
 /* Inverse */
diff --git a/less/variables.less b/less/variables.less
index f670e63..cf0260f 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -36,6 +36,7 @@
 @global-border: @muted-color;
 @global-border-radius: 6px;
 @global-small-border-radius: 4px;
+@global-xlarge-border-radius: 4 * @global-border-radius;
 
 /* Shadows*/
 @global-default-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
-- 
2.17.1


From 1daea183e755d8fce2c17a6579d340cb212b17c5 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Fri, 5 Apr 2024 16:17:11 +0300
Subject: [PATCH 02/11] [develop | DONE | ADDED] add .uk-subnav-small class for
 smaller subnav items as a new option

---
 less/subnav.less | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/less/subnav.less b/less/subnav.less
index a9fa542..2cf5f84 100644
--- a/less/subnav.less
+++ b/less/subnav.less
@@ -1,10 +1,13 @@
 @subnav-item-font-size: @global-small-font-size;
+@subnav-item-font-size-small: @global-xsmall-font-size;
 @subnav-item-line-height: 17px;
 @subnav-item-font-weight: 400;
 
 /* Pills */
 @subnav-pill-item-padding-vertical: 10px;
 @subnav-pill-item-padding-horizontal: 20px;
+@subnav-pill-item-padding-vertical-small: (@subnav-pill-item-padding-vertical / 2);
+@subnav-pill-item-padding-horizontal-small: (@subnav-pill-item-padding-horizontal / 2);
 @subnav-pill-item-border-radius: 60px;
 @subnav-pill-item-background: transparent;
 @subnav-pill-item-color: @global-primary-background;
@@ -21,6 +24,8 @@
 /* Pills alt*/
 @subnav-pill-alt-item-padding-vertical: 10px;
 @subnav-pill-alt-item-padding-horizontal: 20px;
+@subnav-pill-alt-item-padding-vertical-small: (@subnav-pill-alt-item-padding-vertical / 2);
+@subnav-pill-alt-item-padding-horizontal-small: (@subnav-pill-alt-item-padding-horizontal / 2);
 @subnav-pill-alt-item-border-radius: @global-xlarge-border-radius;
 @subnav-pill-alt-item-color: @global-color;
 @subnav-pill-alt-item-hover-color: @global-secondary-background;
@@ -72,4 +77,20 @@
       background-image: @subnav-pill-alt-item-active-background-gradient;
     }
   }
+
+  .uk-subnav.uk-subnav-pill.uk-subnav-small {
+
+    & > * > * {
+      font-size: @subnav-item-font-size-small;
+      padding: @subnav-pill-item-padding-vertical-small @subnav-pill-item-padding-horizontal-small;
+    }
+  }
+
+  .uk-subnav.uk-subnav-pill-alt.uk-subnav-small {
+
+    & > * > * {
+      font-size: @subnav-item-font-size-small;
+      padding: @subnav-pill-alt-item-padding-vertical-small @subnav-pill-alt-item-padding-horizontal-small;
+    }
+  }
 }
\ No newline at end of file
-- 
2.17.1


From 43ed7e267915bcae7f3ab03fab8c98136810f269 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Fri, 5 Apr 2024 20:11:12 +0300
Subject: [PATCH 03/11] [develop]: Remove scroll-y on body. Add max-width and
 truncate in subnav items.

---
 less/base.less   | 4 ----
 less/subnav.less | 6 +++++-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/less/base.less b/less/base.less
index 737c53a..6e0245b 100644
--- a/less/base.less
+++ b/less/base.less
@@ -37,10 +37,6 @@
 @inverse-base-link-hover-color: @global-inverse-color;
 
 .hook-base-misc() {
-  body {
-    overflow-y: scroll;
-  }
-
 
   @media (min-width: @breakpoint-medium) {
 
diff --git a/less/subnav.less b/less/subnav.less
index 2cf5f84..eb5a9f0 100644
--- a/less/subnav.less
+++ b/less/subnav.less
@@ -2,6 +2,7 @@
 @subnav-item-font-size-small: @global-xsmall-font-size;
 @subnav-item-line-height: 17px;
 @subnav-item-font-weight: 400;
+@subnav-item-max-width: @width-medium-width;
 
 /* Pills */
 @subnav-pill-item-padding-vertical: 10px;
@@ -39,6 +40,9 @@
   font-size: @subnav-item-font-size;
   font-weight: @subnav-item-font-weight;
   line-height: @subnav-item-line-height;
+  max-width: @subnav-item-max-width;
+
+  & > *:extend(.uk-text-truncate) {}
 }
 
 .hook-subnav-pill-item() {
@@ -93,4 +97,4 @@
       padding: @subnav-pill-alt-item-padding-vertical-small @subnav-pill-alt-item-padding-horizontal-small;
     }
   }
-}
\ No newline at end of file
+}
-- 
2.17.1


From 9171ec2a63d1fb53f239cfbff26f9b3a1ed9cc61 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Mon, 8 Apr 2024 19:09:26 +0300
Subject: [PATCH 04/11] [develop | DONE | ADDED] add new 'small'
 progress-semicircle size and icon-background (without shadow)

---
 less/icon.less     | 18 ++++++++++++++++++
 less/progress.less | 10 ++++++++++
 2 files changed, 28 insertions(+)

diff --git a/less/icon.less b/less/icon.less
index 6012550..4939dac 100644
--- a/less/icon.less
+++ b/less/icon.less
@@ -3,6 +3,7 @@
 @icon-button-xsmall-size: 24px;
 @icon-bg-background: @global-background;
 @icon-bg-size: @icon-button-size;
+@icon-bg-size-small: @icon-button-size*0.5;
 @icon-bg-size-medium: @icon-button-size*1.5;
 @icon-bg-size-large: @icon-button-size*2;
 
@@ -80,6 +81,23 @@
 	}
 
   /* Default circle element for SVGs */
+  .uk-icon-bg {
+    border-radius: 100px;
+    width: @icon-bg-size;
+    height: @icon-bg-size;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: @icon-bg-background;
+  }
+
+  .uk-icon-bg-small {
+    width: @icon-bg-size-small;
+    height: @icon-bg-size-small;
+  }
+  /**/
+
+  /* Default circle element for SVGs with shadow*/
   .uk-icon-bg-shadow {
     border-radius: 100px;
     width: @icon-button-size;
diff --git a/less/progress.less b/less/progress.less
index 3699a20..7c51f71 100644
--- a/less/progress.less
+++ b/less/progress.less
@@ -15,9 +15,11 @@
 @progress-circle-background-open-access: conic-gradient(@progress-bar-background-open-access  calc(var(--percentage) * 1%), @progress-background-open-access 0);
 
 @progress-semicircle-size: 120px;
+@progress-semicircle-size-small: 80px;
 @progress-semicircle-color: @global-primary-background;
 @progress-semicircle-text-font-weight: @text-bold-weight;
 @progress-semicircle-text-font-size: @global-large-font-size;
+@progress-semicircle-text-font-size-small: @global-font-size;
 @progress-semicircle-background: conic-gradient(from 0.75turn at 50% 100%, @progress-bar-background calc(var(--percentage) * 1% / 2), @progress-background calc(var(--percentage) * 1% / 2 + 0.1%));
 @progress-semicircle-background-open-access: conic-gradient(from 0.75turn at 50% 100%, @progress-bar-background-open-access calc(var(--percentage) * 1% / 2), @progress-background-open-access calc(var(--percentage) * 1% / 2 + 0.1%));
 
@@ -110,6 +112,14 @@
       }
     }
   }
+
+  .uk-progress-semicircle-small[percentage] {
+    width: @progress-semicircle-size-small;
+
+    &::after {
+      font-size: @progress-semicircle-text-font-size-small;
+    }
+  }
 }
 
 @inverse-progress-background: @inverse-global-color;
-- 
2.17.1


From 886854fcba4c9ed20630ae3ca8da3d2014442672 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Thu, 11 Apr 2024 16:33:15 +0300
Subject: [PATCH 05/11] [develop | DONE | ADDED] add color variable for
 search-filter pills, add specific class for search filters pills

---
 less/color.less |  2 ++
 less/label.less | 15 +++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/less/color.less b/less/color.less
index 34cd331..fafba81 100644
--- a/less/color.less
+++ b/less/color.less
@@ -80,3 +80,5 @@
 @hybrid-oa-color: #fe9800ff;
 @bronze-oa-color: #b45f05ff;
 @diamond-oa-color: #842bd7ff;
+/* Search page */
+@search-filter-color: #B41FD0;
diff --git a/less/label.less b/less/label.less
index 8c98005..2e17f08 100644
--- a/less/label.less
+++ b/less/label.less
@@ -37,6 +37,21 @@
 @label-secondary-color: @global-secondary-background;
 @label-secondary-border: @label-secondary-color;
 
+/** Search filter */
+@label-search-filter-background: @search-filter-color;
+@label-search-filter-color: @light-color;
+@label-search-filter-border: @search-filter-color;
+
+.uk-label-search-filter {
+  background-color: @label-search-filter-background;
+  color: @label-search-filter-color;
+  border-color: @label-search-filter-border;
+
+  .uk-close {
+    color: @global-inverse-color;
+  }
+}
+
 .hook-label() {
   border: @label-border-width solid @label-border;
   border-radius: @label-border-radius;
-- 
2.17.1


From 860bd52a5f4becb94f5c3bf2bee9ae5944513b7a Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Mon, 15 Apr 2024 12:08:15 +0300
Subject: [PATCH 06/11] [develop | DONE | ADDED] modal.less : increase z-index
 for .uk-drop class as well

---
 less/modal.less | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/less/modal.less b/less/modal.less
index 54fd0bf..32d8a14 100644
--- a/less/modal.less
+++ b/less/modal.less
@@ -46,9 +46,13 @@
     & > .uk-dropdown {
       z-index: @modal-z-index + 1;
     }
+
+    & > .uk-drop {
+      z-index: @modal-z-index + 1;
+    }
   }
 
-  .uk-modal, .uk-dropdown {
+  .uk-modal, .uk-dropdown, .uk-drop {
 
     .uk-button, uk-icon-button {
       box-shadow: none !important;
-- 
2.17.1


From fe10d2e9195fdebf3d906f28abbb072f3617c4ee Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Tue, 30 Apr 2024 13:08:54 +0300
Subject: [PATCH 07/11] [develop | DONE | CHANGED]: Updated color of selected
 search filter labels (not purple, but portal color). 1.
 newSearchPage.component.html: Replaced class "uk-label-search-filter" with
 "uk-label-secondary" on selected search filter labels. 2. color.less: Removed
 color variable @search-filter-color: #B41FD0; 3. label.less: Removed custom
 color variables and class "uk-label-search-filter" | Updated class
 "uk-label-secondary". 4. explore-custom.less: Override @uk-label-secondary:
 @explore-color;

---
 less/color.less |  2 --
 less/label.less | 25 +++++++------------------
 2 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/less/color.less b/less/color.less
index fafba81..34cd331 100644
--- a/less/color.less
+++ b/less/color.less
@@ -80,5 +80,3 @@
 @hybrid-oa-color: #fe9800ff;
 @bronze-oa-color: #b45f05ff;
 @diamond-oa-color: #842bd7ff;
-/* Search page */
-@search-filter-color: #B41FD0;
diff --git a/less/label.less b/less/label.less
index 2e17f08..586f7d8 100644
--- a/less/label.less
+++ b/less/label.less
@@ -37,21 +37,6 @@
 @label-secondary-color: @global-secondary-background;
 @label-secondary-border: @label-secondary-color;
 
-/** Search filter */
-@label-search-filter-background: @search-filter-color;
-@label-search-filter-color: @light-color;
-@label-search-filter-border: @search-filter-color;
-
-.uk-label-search-filter {
-  background-color: @label-search-filter-background;
-  color: @label-search-filter-color;
-  border-color: @label-search-filter-border;
-
-  .uk-close {
-    color: @global-inverse-color;
-  }
-}
-
 .hook-label() {
   border: @label-border-width solid @label-border;
   border-radius: @label-border-radius;
@@ -82,8 +67,12 @@
   }
 
   .uk-label-secondary {
-    background-color: @label-secondary-background;
-    color: @label-secondary-color;
-    border-color: @label-secondary-border;
+    background-color: @label-secondary-border;
+    color: @global-inverse-color;
+    border-color: @label-secondary-background;
+
+    .uk-close {
+      color: @global-inverse-color;
+    }
   }
 }
-- 
2.17.1


From 3158f9ec0c75dbdaa286b9b239b6e775b16ee21c Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 21 May 2024 12:12:20 +0300
Subject: [PATCH 08/11] [develop | DONE | ADDED] create banner.less for
 openaire theme

---
 less/_import.less |  2 +
 less/banner.less  | 95 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 97 insertions(+)
 create mode 100644 less/banner.less

diff --git a/less/_import.less b/less/_import.less
index 6e157a3..2d9b768 100644
--- a/less/_import.less
+++ b/less/_import.less
@@ -65,3 +65,5 @@
 
 // Extend
 @import "stepper";
+@import "banner";
+
diff --git a/less/banner.less b/less/banner.less
new file mode 100644
index 0000000..1199014
--- /dev/null
+++ b/less/banner.less
@@ -0,0 +1,95 @@
+@banner-background: @ciel-color;
+@banner-background-gradient: none;
+
+@banner-footer-background: #000000;
+
+@banner-tab-gutter: 60px;
+@banner-tab-margin-vertical: @global-small-margin;
+@banner-tab-divider: @global-border-width solid @global-border;
+@banner-tab-divider-height: @global-line-height;
+@banner-tab-item-hover-color: @global-secondary-background;
+@banner-tab-item-active-color: @banner-tab-item-hover-color;
+@banner-tab-item-active-indicator: @global-background;
+
+@banner-tab-button-background: @global-secondary-background;
+@banner-tab-button-border-radius: 0;
+
+.uk-banner:extend(.uk-section) {
+  background: @banner-background;
+  position: relative;
+
+  & .uk-banner-footer:extend(.uk-light all) {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: fade(@banner-footer-background, 50%);
+
+    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+      -webkit-backdrop-filter: blur(30px) opacity(10%) brightness(90%);
+      backdrop-filter: blur(30px) opacity(10%) brightness(90%);
+    }
+
+    & .uk-button {
+      height: 100%;
+      background: @banner-tab-button-background;
+      border-radius: @banner-tab-button-border-radius;
+
+      &:hover {
+        background: fade(@banner-tab-button-background, 80%);
+      }
+    }
+  }
+
+  & ul.uk-banner-tab:extend(.uk-flex):extend(.uk-margin-top) {
+    list-style: none;
+    margin: @banner-tab-margin-vertical 0;
+
+    & > li {
+      &:not(:first-child) {
+        margin-left: @banner-tab-gutter;
+        position: relative;
+
+        &::before {
+          content: '';
+          position: absolute;
+          left: -1 * (@banner-tab-gutter/2);
+          transform: translateX(-100%);
+          border-left: @banner-tab-divider;
+          height: @banner-tab-divider-height;
+        }
+      }
+
+      a:extend(.uk-text-truncate) {
+        text-transform: uppercase;
+        text-decoration: none;
+      }
+
+      &:hover a {
+        color: @banner-tab-item-hover-color;
+      }
+
+      &.uk-active a {
+        color: @banner-tab-item-active-color;
+        font-weight: @text-bold-weight;
+        position: relative;
+
+        &:after {
+          content: '';
+          position: absolute;
+          bottom: -@banner-tab-margin-vertical;
+          left: 50%;
+          transform: translate(-50%, 50%);
+          width: 0;
+          height: 0;
+          border-left: 2*@banner-tab-margin-vertical solid transparent;
+          border-right: 2*@banner-tab-margin-vertical solid transparent;
+          border-bottom: @banner-tab-margin-vertical solid @banner-tab-item-active-indicator;
+        }
+      }
+    }
+  }
+}
+.uk-banner.dark {
+  background: @background-secondary-background;
+}
-- 
2.17.1


From 9b68a23c7126afb2697fe0e0157878f5240e4956 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 21 May 2024 12:37:21 +0300
Subject: [PATCH 09/11] [develop | DONE | ADDED] add new css rules for banner
 customization

---
 less/banner.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/less/banner.less b/less/banner.less
index 1199014..f5978b9 100644
--- a/less/banner.less
+++ b/less/banner.less
@@ -7,7 +7,9 @@
 @banner-tab-margin-vertical: @global-small-margin;
 @banner-tab-divider: @global-border-width solid @global-border;
 @banner-tab-divider-height: @global-line-height;
+@banner-tab-item-color: @global-link-color; 
 @banner-tab-item-hover-color: @global-secondary-background;
+@banner-tab-item-hover-decoration: none;
 @banner-tab-item-active-color: @banner-tab-item-hover-color;
 @banner-tab-item-active-indicator: @global-background;
 
@@ -63,10 +65,12 @@
       a:extend(.uk-text-truncate) {
         text-transform: uppercase;
         text-decoration: none;
+        color: @banner-tab-item-color;
       }
 
       &:hover a {
         color: @banner-tab-item-hover-color;
+        text-decoration: @banner-tab-item-hover-decoration;
       }
 
       &.uk-active a {
-- 
2.17.1


From fdbb44cd21351f99af6c8341b5e43dec2b1d9eea Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 22 May 2024 11:30:30 +0300
Subject: [PATCH 10/11] [develop]: Add colors for publisher and journals

---
 less/color.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/less/color.less b/less/color.less
index 34cd331..157c95a 100644
--- a/less/color.less
+++ b/less/color.less
@@ -45,6 +45,9 @@
 @funder-color: #3C9F94;
 @ri-color: #D023AE;
 @organization-color: #E28B6C;
+@publisher-color: #8B6CE2;
+@journal-color: #6CE295;
+@researcher-color: none;
 @country-color: none;
 @datasource-color: none;
 /* Connect */
-- 
2.17.1


From 99e7fe14bc804271116cc8ee54f2547e4f04034f Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 22 May 2024 21:40:02 +0300
Subject: [PATCH 11/11] Fix color of banner tabs.

---
 less/banner.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/less/banner.less b/less/banner.less
index f5978b9..44dbb7f 100644
--- a/less/banner.less
+++ b/less/banner.less
@@ -7,7 +7,7 @@
 @banner-tab-margin-vertical: @global-small-margin;
 @banner-tab-divider: @global-border-width solid @global-border;
 @banner-tab-divider-height: @global-line-height;
-@banner-tab-item-color: @global-link-color; 
+@banner-tab-item-color: @global-inverse-color;
 @banner-tab-item-hover-color: @global-secondary-background;
 @banner-tab-item-hover-decoration: none;
 @banner-tab-item-active-color: @banner-tab-item-hover-color;
@@ -94,6 +94,7 @@
     }
   }
 }
+
 .uk-banner.dark {
   background: @background-secondary-background;
 }
-- 
2.17.1