Increasing width of filter dropdowns
This commit is contained in:
parent
6d1f1f4dcb
commit
43084468ec
|
@ -187,7 +187,8 @@ input[type='checkbox']:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-holder {
|
.search-holder {
|
||||||
@include media-breakpoint-up(sm) {
|
|
||||||
|
@include media-breakpoint-up(lg) {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
}
|
}
|
||||||
|
@ -198,8 +199,9 @@ input[type='checkbox']:hover {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(lg) {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -222,7 +224,7 @@ input[type='checkbox']:hover {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(lg) {
|
||||||
width: auto;
|
width: auto;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
@ -230,9 +232,12 @@ input[type='checkbox']:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
@include media-breakpoint-up(sm) {
|
margin-bottom: $gl-padding;
|
||||||
|
|
||||||
|
@include media-breakpoint-up(lg) {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -240,8 +245,8 @@ input[type='checkbox']:hover {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(lg) {
|
||||||
width: 180px;
|
width: 240px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue