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;
|
||||
|
||||
.search-area {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 16px;
|
||||
height: 100%;
|
||||
|
||||
|
@ -66,18 +64,10 @@ aio-search-results {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include bp(tiny) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
display: block;
|
||||
|
||||
.search-area {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue