pedagogy: fix display of guide on smaller devices

This commit is contained in:
Antoine Bartuccio 2019-08-07 20:03:21 +02:00
parent 3380980c5c
commit d29603c584
Signed by: klmp200
GPG Key ID: E7245548C53F904B

View File

@ -1742,6 +1742,22 @@ $pedagogy-white-text: #f0f0f0;
grid-template-rows: auto; grid-template-rows: auto;
grid-template-areas: "search-bar-input search-bar-button"; grid-template-areas: "search-bar-input search-bar-button";
@media screen and (max-width: $medium-devices){
grid-template-columns: auto auto;
grid-template-rows: auto;
grid-template-areas: "search-bar-input search-bar-button";
}
@media screen and (max-width: $small-devices){
grid-template-columns: auto;
grid-template-rows: auto;
grid-template-areas: "search-bar-input";
.search-bar-button {
display: none;
}
}
.search-bar-input { .search-bar-input {
grid-area: search-bar-input; grid-area: search-bar-input;
background: $pedagogy-light-blue; background: $pedagogy-light-blue;