mirror of
https://github.com/ae-utbm/sith.git
synced 2024-11-22 22:23:23 +00:00
pedagogy: fix display of guide on smaller devices
This commit is contained in:
parent
3380980c5c
commit
d29603c584
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user