more layout changes for the linking (eg filters, icons, etc)

This commit is contained in:
argirok 2022-04-05 18:36:08 +03:00
parent 9f07792c43
commit ae6584647e
3 changed files with 24 additions and 2 deletions

1
css/import.css vendored
View File

@ -25,3 +25,4 @@
@import "openaire.css";
@import "structure/stepper.css";
@import "structure/linking.css";

22
css/structure/linking.css Normal file
View File

@ -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);
}

View File

@ -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;