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 { .uk-navbar-dropdown, .uk-dropdown {
background: var(--dropdown-background); background: var(--dropdown-background);
box-shadow: var(--dropdown-shadow); box-shadow: var(--dropdown-shadow);
border-radius: 0; border-radius: 6px;
padding: 5px 0; padding: 5px 0;
} }

17
css/structure/input.css
View File

@ -21,10 +21,6 @@
--input-background-focus: var(--input-background); --input-background-focus: var(--input-background);
--input-shadow-focus: var(--input-shadow); --input-shadow-focus: var(--input-shadow);
--input-border-focus: var(--input-border); --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 */ /* Disabled */
--input-color-disabled: var(--disable-color); --input-color-disabled: var(--disable-color);
--input-background-disabled: var(--muted-color); --input-background-disabled: var(--muted-color);
@ -52,10 +48,6 @@
border: var(--input-border-focus); border: var(--input-border-focus);
} }
.input-wrapper.active {
border: var(--input-border-active);
}
.input-wrapper.danger { .input-wrapper.danger {
border: 1px solid var(--input-danger-color); border: 1px solid var(--input-danger-color);
} }
@ -85,11 +77,6 @@
background: var(--input-background-focus); background: var(--input-background-focus);
} }
.input-wrapper.active > .input-box {
box-shadow: var(--input-shadow-active);
background: var(--input-background-active);
}
.input-box.select { .input-box.select {
cursor: pointer; cursor: pointer;
} }
@ -268,8 +255,6 @@
--input-font-size: 14px; --input-font-size: 14px;
--input-background-hover: var(--muted-color); --input-background-hover: var(--muted-color);
--input-shadow-hover: var(--shadow-main); --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-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 {
--search-input-shadow: none; --search-input-shadow: none;
--search-input-background: none;
--search-input-border-radius: 54px; --search-input-border-radius: 54px;
--search-input-icon-color: var(--secondary-color); --search-input-icon-color: var(--secondary-color);
--search-input-icon-color-disabled: var(--disable-color); --search-input-icon-color-disabled: var(--disable-color);
--search-input-divider: 1px solid var(--muted-color); --search-input-divider: 1px solid var(--muted-color);
border-radius: var(--search-input-border-radius); border-radius: var(--search-input-border-radius);
box-shadow: var(--search-input-shadow); box-shadow: var(--search-input-shadow);
background: var(--search-input-background);
} }
.search-input .inputs > :not(:last-child) { .search-input .inputs > :not(:last-child) {
@ -36,5 +38,6 @@
/* Modifiers */ /* Modifiers */
.inner { .inner {
--search-input-background: var(--light-color);
--search-input-shadow: var(--shadow-inset); --search-input-shadow: var(--shadow-inset);
} }