Files
grecia/app/assets/stylesheets/advanced_search.scss
Javi Martín 2f5f674b24 Fix advanced search button on small screens
Once the button was pressed, part of the form appeared next to the
button instead of appearing below it.
2021-06-29 13:58:32 +02:00

55 lines
740 B
SCSS

.advanced-search {
color: $link;
cursor: pointer;
margin: $line-height 0;
@include breakpoint(medium) {
float: right;
margin-bottom: 0;
margin-top: $line-height / 4;
position: absolute;
right: 0;
}
&:focus {
outline: $outline-focus;
}
}
.advanced-search-form {
@include breakpoint(large) {
.filter {
@include grid-column;
width: 25%;
}
.date-filters {
float: left;
width: 25%;
.filter {
width: 100%;
}
.custom-date-filters {
clear: both;
}
}
.submit {
width: 25%;
}
}
.general-search,
.filter,
.submit {
@include grid-column-gutter;
}
select {
height: $line-height * 2;
}
}