MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove active state from input. Add backbround in search-input

This commit is contained in:
Konstantinos Triantafyllou 2022-04-06 10:37:48 +03:00
parent b1d890fef4
commit 8b322abc3f
3 changed files with 5 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/structure/dropdown.css
View File

@ -10,7 +10,7 @@
.uk-navbar-dropdown, .uk-dropdown {
background: var(--dropdown-background);
box-shadow: var(--dropdown-shadow);
border-radius: 0;
border-radius: 6px;
padding: 5px 0;
}

17
css/structure/input.css
View File

@ -21,10 +21,6 @@
--input-background-focus: var(--input-background);
--input-shadow-focus: var(--input-shadow);
--input-border-focus: var(--input-border);
/* Active Styling */
--input-background-active: var(--input-background);
--input-shadow-active: var(--input-shadow);
--input-border-active: var(--input-border);
/* Disabled */
--input-color-disabled: var(--disable-color);
--input-background-disabled: var(--muted-color);
@ -52,10 +48,6 @@
border: var(--input-border-focus);
}
.input-wrapper.active {
border: var(--input-border-active);
}
.input-wrapper.danger {
border: 1px solid var(--input-danger-color);
}
@ -85,11 +77,6 @@
background: var(--input-background-focus);
}
.input-wrapper.active > .input-box {
box-shadow: var(--input-shadow-active);
background: var(--input-background-active);
}
.input-box.select {
cursor: pointer;
}
@ -268,8 +255,6 @@
--input-font-size: 14px;
--input-background-hover: var(--muted-color);
--input-shadow-hover: var(--shadow-main);
--input-background-focus: var(--muted-color);
--input-background-focus: var(--default-color);
--input-shadow-focus: var(--shadow-main);
--input-background-active: var(--default-color);
--input-shadow-active: var(--shadow-main);
}

3
css/structure/search-input.css
View File

@ -1,11 +1,13 @@
.search-input {
--search-input-shadow: none;
--search-input-background: 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);
background: var(--search-input-background);
}
.search-input .inputs > :not(:last-child) {
@ -36,5 +38,6 @@
/* Modifiers */
.inner {
--search-input-background: var(--light-color);
--search-input-shadow: var(--shadow-inset);
}