fix(docs-infra): remove redundant `search-results` styles (#31390)
Previously, `.search-area` had a default style of `display: flex`, but it was overriden to `display: block` in media queries for `max-width: 480px` and `min-width: 600px`. As a result, it only had `display: flex` between 481px and 599px. Since no flex layout features are necessary inside `.search-area`, this commit changes the style to always be `display: block` (i.e. the default for `div` elements). PR Close #31390
This commit is contained in:
parent
75b6b0e1ba
commit
b9195289a5
|
@ -19,8 +19,6 @@ aio-search-results {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.search-area {
|
.search-area {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
margin: 16px;
|
margin: 16px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
|
@ -66,18 +64,10 @@ aio-search-results {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include bp(tiny) {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
.search-area {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue