klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2024-10-31 19:38:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

pedagogy: fix display of guide on smaller devices

Browse Source
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
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
core/static/core/style.scss
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;