discourse/app/assets/stylesheets/mobile/search.scss
Joffrey JAFFEUX 324aa3eb61
REFACTOR: reworks all the search-advanced-options panel (#10661)
* REFACTOR: reworks all the search-advanced-options panel

This commit includes the following changes:
- prevents any mutation of external (to the component) values
- get rid of observers
- uses @action
- minor UI tweaks
- dropped the unecessary debounce
- drops all the legacy code for badges/groups which is not being used
- replaces user-selector by user-chooser and improves multi-select to not show `search` if maximum has been reached

Most importantly this refactor should fix multiple bugs due to _update() being called multiple times if searchTerm was empty and other various bugs where some changes in searchTerm was not applied to the sidebar.
2020-09-15 09:39:12 +02:00

49 lines
714 B
SCSS

.search-container {
flex-direction: column;
margin-top: 0.5em;
.search-advanced {
order: 1;
width: 100%;
.search-info {
flex-direction: column;
align-items: left;
justify-content: center;
.sort-by {
display: flex;
align-items: center;
margin-top: 0.5em;
margin-left: 0;
width: 100%;
.select-kit {
flex: 1 1 auto;
}
}
}
}
.search-notice {
margin-top: 1em;
}
.search-advanced-sidebar {
order: 0;
width: 100%;
margin: 0;
.tag-chooser,
.user-chooser {
width: 100%;
}
}
}
.fps-result {
input[type="checkbox"] {
vertical-align: baseline;
}
}