From ae6584647e77a5e7deba0b1915073f344ddb26a6 Mon Sep 17 00:00:00 2001
From: argirok <argirokokogiannaki@gmail.com>
Date: Tue, 5 Apr 2022 18:36:08 +0300
Subject: [PATCH] more layout changes for the linking (eg filters, icons, etc)

---
 css/import.css            |  1 +
 css/structure/linking.css | 22 ++++++++++++++++++++++
 css/structure/stepper.css |  3 +--
 3 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 css/structure/linking.css

diff --git a/css/import.css b/css/import.css
index 11ff9dc..e40694d 100644
--- a/css/import.css
+++ b/css/import.css
@@ -25,3 +25,4 @@
 @import "openaire.css";
 
 @import "structure/stepper.css";
+@import "structure/linking.css";
diff --git a/css/structure/linking.css b/css/structure/linking.css
new file mode 100644
index 0000000..2c0488a
--- /dev/null
+++ b/css/structure/linking.css
@@ -0,0 +1,22 @@
+:root {
+    --linking-basket-background: var(--primary-color);
+    --linking-next-step-disabled-background: var(--muted-color);
+    --linking-next-step-disabled-color: var(--disable-color);
+    --linking-next-step-active-background: var(--primary-color);
+    --linking-next-step-active-color: white;
+}
+
+.linkingBasket{
+    background-color: var(--linking-basket-background) opacity 0.1;
+}
+
+.nextStep.active{
+    background-color: var(--linking-next-step-active-background);
+    color: var(--linking-next-step-active-color);
+    cursor: pointer;
+}
+
+.nextStep.disabled{
+    background-color: var(--linking-next-step-disabled-background);
+    color: var(--linking-next-step-disabled-color);
+}
diff --git a/css/structure/stepper.css b/css/structure/stepper.css
index a40ed00..96685be 100644
--- a/css/structure/stepper.css
+++ b/css/structure/stepper.css
@@ -53,11 +53,10 @@
   color:var(--step-default-text);
 }
 .stepper .stepper-line {
-  /*border-top-color: rgba(0, 0, 0, 0.12);*/
-
   box-shadow: inset -3px -3px 6px rgba(100, 100, 100, 0.5);
   border-radius: 6px;
   opacity: 1;
+  width: 100%;
 }
 .stepper .stepper-line  {
   box-shadow:inset -3px -3px 6px #FFFFFFE6;