Rename advanced-search-input to search-input

This commit is contained in:
Konstantinos Triantafyllou 2022-04-05 15:34:13 +03:00
parent e95be93cca
commit e552bc1f30
3 changed files with 42 additions and 38 deletions

5
css/import.css vendored
View File

@ -3,7 +3,6 @@
@import "theme.update.css";
@import "structure/variables.css";
@import "structure/advanced-search-input.css";
@import "structure/alert.css";
@import "structure/background.css";
@import "structure/breadcrumb.css";
@ -18,12 +17,12 @@
@import "structure/navbar.css";
@import "structure/offcanvas.css";
@import "structure/pill.css";
@import "structure/search-input.css";
@import "structure/shadow.css";
@import "structure/slider.css";
@import "structure/stepper.css";
@import "structure/tab.css";
@import "structure/text.css";
@import "structure/width.css";
@import "openaire.css";
@import "structure/stepper.css";

View File

@ -1,35 +0,0 @@
.advanced-search-input {
--advanced-input-shadow: var(--shadow-inset);
--advanced-input-border-radius: 54px;
--advanced-input-search-color: var(--secondary-color);
--advanced-input-search-color-disabled: var(--disable-color);
--advanced-input-divider: 1px solid var(--muted-color);
border-radius: var(--advanced-input-border-radius);
box-shadow: var(--advanced-input-shadow);
}
.advanced-search-input .inputs > :not(:last-child) {
position: relative;
}
.advanced-search-input .inputs > :not(:last-child):after {
content: '';
position: absolute;
right: 0;
top: 15px;
bottom: 15px;
width: 0;
border-left: var(--advanced-input-divider);
}
.advanced-search-input .search {
color: var(--advanced-input-search-color);
cursor: pointer;
user-select: none;
}
.advanced-search-input .search.disabled {
color: var(--advanced-input-search-color-disabled);
cursor: default;
pointer-events: none;
}

View File

@ -0,0 +1,40 @@
.search-input {
--search-input-shadow: none;
--search-input-border-radius: 54px;
--search-input-icon-color: var(--secondary-color);
--search-input-icon-color-disabled: var(--disable-color);
--search-input-divider: 1px solid var(--muted-color);
border-radius: var(--search-input-border-radius);
box-shadow: var(--search-input-shadow);
}
.search-input .inputs > :not(:last-child) {
position: relative;
}
.search-input .inputs > :not(:last-child):after {
content: '';
position: absolute;
right: 0;
top: 15px;
bottom: 15px;
width: 0;
border-left: var(--search-input-divider);
}
.search-input .search {
color: var(--search-input-icon-color);
cursor: pointer;
user-select: none;
}
.search-input .search.disabled {
color: var(--search-input-icon-color-disabled);
cursor: default;
pointer-events: none;
}
/* Modifiers */
.inner {
--search-input-shadow: var(--shadow-inset);
}