more layout changes for the linking (eg filters, icons, etc)
This commit is contained in:
parent
9f07792c43
commit
ae6584647e
|
@ -25,3 +25,4 @@
|
||||||
@import "openaire.css";
|
@import "openaire.css";
|
||||||
|
|
||||||
@import "structure/stepper.css";
|
@import "structure/stepper.css";
|
||||||
|
@import "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);
|
||||||
|
}
|
|
@ -53,11 +53,10 @@
|
||||||
color:var(--step-default-text);
|
color:var(--step-default-text);
|
||||||
}
|
}
|
||||||
.stepper .stepper-line {
|
.stepper .stepper-line {
|
||||||
/*border-top-color: rgba(0, 0, 0, 0.12);*/
|
|
||||||
|
|
||||||
box-shadow: inset -3px -3px 6px rgba(100, 100, 100, 0.5);
|
box-shadow: inset -3px -3px 6px rgba(100, 100, 100, 0.5);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.stepper .stepper-line {
|
.stepper .stepper-line {
|
||||||
box-shadow:inset -3px -3px 6px #FFFFFFE6;
|
box-shadow:inset -3px -3px 6px #FFFFFFE6;
|
||||||
|
|
Loading…
Reference in New Issue