mirror of
https://github.com/discourse/discourse.git
synced 2024-11-28 18:15:25 +08:00
4b71fd253b
Properly support Categories so it updates the search box correctly Use category id, as it is more consistent with search results than using the slugs, especially for parent/subcategory Added Status Improve AutoComplete so it can receive updates Added the ability for AutoComplete to receive updates to badge-selector and group-selector Respect null, which is set via web-hooks Support both # and category: for category detection. Only update the searchedTerms if they differ from its current value (this helps the Category Selector receive updates) Opt in receive updates (#3) * Make the selectors opt-in for receiving updates * Opt-in to receive updates * Fix category detection for search-advanced-options Fix eslint error Update user-selector so it can receive updates live too Make the canReceiveUpdates check validate against 'true' Converted to use template literals Refactor the regex involved with this feature Split apart the init to make it a bit more manageable/testable Switch the category selector to category-chooser, so it is a dropdown of categories instead of auto-complete Reduce RegEx to make this happier with unicode languages and reduce some of the complexity
159 lines
2.9 KiB
SCSS
159 lines
2.9 KiB
SCSS
.fps-invalid {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.fps-result {
|
|
|
|
.author {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.like-count {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
|
|
.fa { color: $love; font-size: 12px; }
|
|
}
|
|
|
|
.badge-wrapper span.badge-category {
|
|
max-width: inherit;
|
|
}
|
|
|
|
.search-category {
|
|
padding-top:3px;
|
|
}
|
|
|
|
margin-bottom: 28px;
|
|
max-width: 780px;
|
|
.topic {
|
|
padding-bottom: 2px;
|
|
max-width:700px;
|
|
}
|
|
.avatar {
|
|
margin-right: 14px;
|
|
}
|
|
a.search-link:visited .topic-title {
|
|
color: scale-color($tertiary, $lightness: 15%);
|
|
}
|
|
.search-link {
|
|
.topic-statuses, .topic-title {
|
|
font-size: 1.3em;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.topic-statuses {
|
|
float: none;
|
|
display: inline-block;
|
|
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
|
|
font-size: 1.0em;
|
|
}
|
|
}
|
|
.blurb {
|
|
font-size: 1.0em;
|
|
line-height: 20px;
|
|
word-wrap: break-word;
|
|
max-width: 640px;
|
|
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
|
|
.date {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
|
|
}
|
|
|
|
.search-highlight {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 10%), scale-color($secondary, $lightness: 90%));
|
|
}
|
|
}
|
|
|
|
.discourse-tag {
|
|
font-size: 0.8em;
|
|
}
|
|
}
|
|
|
|
.fps-topic {
|
|
display: inline-block;
|
|
}
|
|
|
|
.fps-select {
|
|
margin-top: -15px;
|
|
margin-bottom: 15px;
|
|
a:hover {
|
|
color: $secondary;
|
|
background-color: $tertiary;
|
|
}
|
|
a {
|
|
margin-right: 15px;
|
|
font-size: 12px;
|
|
padding: 2px 5px;
|
|
}
|
|
}
|
|
|
|
.search.row {
|
|
margin-bottom: 15px;
|
|
input {
|
|
height: 22px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.new-topic-btn {
|
|
float:right;
|
|
}
|
|
}
|
|
|
|
.search-advanced {
|
|
margin-bottom: 15px;
|
|
|
|
.panel-title {
|
|
background-color: dark-light-diff($primary, $secondary, 90%, -75%);
|
|
padding: 5px 10px 5px 10px;
|
|
}
|
|
|
|
.search-options {
|
|
border: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
|
|
padding: 10px;
|
|
|
|
.control-group.pull-left {
|
|
width: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.search-footer {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.panel-body-contents .search-context label {
|
|
float: left;
|
|
}
|
|
|
|
.search-title {
|
|
|
|
.term {
|
|
font-weight: bold;
|
|
}
|
|
|
|
position: relative;
|
|
.result-count {
|
|
float: left;
|
|
span {
|
|
line-height: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
}
|
|
margin-bottom: 4px;
|
|
}
|
|
margin: 10px 0 15px;
|
|
max-width: 780px;
|
|
border-bottom: 3px solid dark-light-diff($primary, $secondary, 90%, -75%);
|
|
width: 100%;
|
|
.sort-by {
|
|
.desc {
|
|
margin-right: 5px;
|
|
}
|
|
select {
|
|
margin-bottom: 0;
|
|
width: auto;
|
|
min-width: 150px;
|
|
}
|
|
float: right;
|
|
margin-bottom: 4px;
|
|
}
|
|
}
|