discourse/app/assets/stylesheets/common/base/search.scss

209 lines
3.5 KiB
SCSS

.fps-invalid {
margin-bottom: 1em;
}
.fps-result {
.author {
display: inline-block;
vertical-align: top;
}
.like-count {
color: dark-light-choose($primary-medium, $secondary-medium);
.fa { color: $love; font-size: $font-down-1; }
}
.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: $tertiary-high;
}
.search-link {
.topic-statuses, .topic-title {
font-size: $font-up-2;
line-height: $line-height-large;
}
.topic-statuses {
float: none;
display: inline-block;
color: dark-light-choose($primary-medium, $secondary-medium);
font-size: $font-0;
}
}
.blurb {
font-size: $font-0;
line-height: $line-height-large;
word-wrap: break-word;
max-width: 640px;
color: dark-light-choose($primary-medium, $secondary-medium);
.date {
color: dark-light-choose($primary-medium, $secondary-high);
}
.search-highlight {
color: dark-light-choose($primary, $secondary-low);
}
}
.discourse-tag {
font-size: $font-down-1;
}
}
.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: $font-down-1;
padding: 2px 5px;
}
}
.search.row {
margin-bottom: 15px;
.input-xxlarge {
width: 100%;
}
.search-bar {
display: flex;
margin-bottom: 10px;
max-width: 780px;
input {
height: 22px;
padding-left: 6px;
margin: 0 5px 0 0;
}
}
.new-topic-btn {
float:right;
}
}
.no-results-suggestion {
margin-top: 30px;
}
.search-footer {
margin-bottom: 30px;
}
.panel-body-contents .search-context label {
float: left;
}
.search-title {
position: relative;
margin: 10px 0 15px;
max-width: 780px;
border-bottom: 3px solid $primary-low;
width: 100%;
.term {
font-weight: bold;
}
.result-count {
float: left;
margin-bottom: 4px;
span {
line-height: $line-height-large;
height: 28px;
display: inline-block;
}
}
.sort-by {
float: right;
margin-bottom: 4px;
.desc {
margin-right: 5px;
}
select {
margin-bottom: 0;
width: auto;
min-width: 150px;
}
}
}
.google-search-form {
margin-top: 2em;
}
.search-advanced {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
max-width: 780px;
.search-advanced-options {
border: 1px solid $primary-low;
padding: 0 20px;
width: 100%;
.date-picker-wrapper {
vertical-align: top;
}
@media screen and (max-width: 715px) {
padding: 0 10px;
#postTime {
margin: 0 0 5px 0;
}
}
}
.search-advanced-btn {
flex: 1 1 100%;
width: 100%;
text-align: left;
font-weight: bold;
}
.container {
display: flex;
flex: 1 1 100%;
padding: 15px 0 10px 0;
.all-tags {
margin-bottom: 0;
}
@media screen and (max-width: 600px) {
flex-wrap: wrap;
}
&:not(:first-of-type) {
border-top: 1px solid $primary-low;
}
.control-group {
flex: 1 1 100%;
@media screen and (max-width: 600px) {
margin: 0;
&:nth-of-type(2) {
margin-top: 5px;
}
}
}
}
}