From ab6e217c7ecaaae2c9f3e1c191fe1409de130765 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Mon, 30 May 2022 15:36:33 +0300
Subject: [PATCH] [Library & openaire-theme & Explore | new-theme]: Beta
 indication in fos & sdgs (search, landing, dedicated pages) | Fixes in
 offcanvas and search all page for small screens. 1. badge.css: [NEW] Css file
 for uk-badge added. 2. import.css: Added @import "structure/badge.css"; 3.
 fos.component.html & sdg.component.html: Added beta badge on top left of the
 title. 4. landing-utils/fos.component.ts & landing-utils/sdg.component.ts:
 Added [Beta] in title. 5. searchFields.ts: In sdg and fos RESULT_FIELDS,
 added [Beta] in their names. 6. offcanvas.css: [Bug fix] In rule .offcanvas
 .uk-offcanvas-bar added "max-width: 100vw", so that offcanvas does not exceed
 the screen width. 7. searchAll.component.html: Added some classes in
 <advanced-search-form> and uk-slider to be better displayed in small screens
 (form within page with some horizontal margins and arrows in slider).

---
 css/import.css              |  1 +
 css/structure/badge.css     | 12 ++++++++++++
 css/structure/offcanvas.css |  1 +
 3 files changed, 14 insertions(+)
 create mode 100644 css/structure/badge.css

diff --git a/css/import.css b/css/import.css
index 74e54c7..4585a47 100644
--- a/css/import.css
+++ b/css/import.css
@@ -5,6 +5,7 @@
 @import "structure/variables.css";
 @import "structure/alert.css";
 @import "structure/background.css";
+@import "structure/badge.css";
 @import "structure/breadcrumb.css";
 @import "structure/button.css";
 @import "structure/card.css";
diff --git a/css/structure/badge.css b/css/structure/badge.css
new file mode 100644
index 0000000..ffc6117
--- /dev/null
+++ b/css/structure/badge.css
@@ -0,0 +1,12 @@
+:root {
+  --badge-beta-color: #FFC800;
+}
+
+.uk-badge {
+  border: 0;
+  border-radius: 4px;
+}
+
+.uk-badge.beta {
+  background-color: var(--badge-beta-color) !important;
+}
\ No newline at end of file
diff --git a/css/structure/offcanvas.css b/css/structure/offcanvas.css
index b460c6c..ea1132a 100644
--- a/css/structure/offcanvas.css
+++ b/css/structure/offcanvas.css
@@ -43,6 +43,7 @@
   border-radius: 4px 0px 0px 4px;
   padding: 0;
   width: 550px;
+  max-width: 100vw;
 }