klmp200
/
Sith
mirror of https://github.com/ae-utbm/sith3.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

pedagogy: better display on mobile

This commit is contained in:
Antoine Bartuccio 2019-07-07 19:07:19 +02:00
parent 30ccbdc32d
commit 10faa14bef
Signed by: klmp200
GPG Key ID: E7245548C53F904B
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
core/static/core/style.scss
View File

@ -1794,6 +1794,12 @@ $pedagogy-white-text: #f0f0f0;
grid-template-columns: 270px auto;
grid-template-rows: 100%;
grid-template-areas: "stars comment";
@media screen and (max-width: $small-devices){
grid-template-columns: 100%;
grid-template-rows: 100% 100%;
grid-template-areas: "stars" "comment";
}
}
.ui-accordion-content {
@ -1813,7 +1819,10 @@ $pedagogy-white-text: #f0f0f0;
.ui-accordion-header {
background-color: $pedagogy-orange;
color: $pedagogy-white-text;
clip-path: polygon(0 0%, 0 100%, 30% 100%, 33% 0);
@media screen and (max-width: $small-devices){
clip-path: none;
}
}
.ui-accordion-header-icon {
@ -1835,6 +1844,12 @@ $pedagogy-white-text: #f0f0f0;
grid-template-columns: 150px 100px auto;
grid-template-rows: 156px 1fr;
grid-template-areas: "grade grade-stars uv-infos" ". . uv-infos";
@media screen and (max-width: $small-devices){
grid-template-columns: 150px 100px;
grid-template-rows: 100% 100%;
grid-template-areas: "grade grade-stars" "uv-infos uv-infos";
}
}
.grade {