klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-09 19:40:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'pedagogy_v2' into 'master'

Browse Source 
Better display on mobile for guide page

See merge request ae/Sith!221
This commit is contained in:
Antoine Bartuccio
2019-08-26 12:11:26 +02:00
parent eb29f98c37 f09de0ab7d
commit 824ea37f44
3 changed files with 128 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1694,6 +1694,10 @@ $pedagogy-white-text: #f0f0f0;
margin-top: 0px;
}
&.grade-without-star {
display: none
}
@media screen and (max-width: $large-devices){
&.star-not-checked {
margin-left: 5px;
@ -1705,11 +1709,19 @@ $pedagogy-white-text: #f0f0f0;
}
}
@media screen and (max-width: $small-devices){
&.grade-without-star {
display: block;
}
&.grade-with-star {
display: none;
}
}
#dynamic_view {
font-size: 1.1em;
table {
}
overflow-wrap: break-word;
td {
text-align: center;
@ -1719,20 +1731,72 @@ $pedagogy-white-text: #f0f0f0;
}
#search_form {
margin: 0px;
width: 100%;
.input-search {
background: $pedagogy-light-blue;
width: 300px;
height: 21px;
.search-form-container {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto auto;
grid-template-areas:
"action-bar action-bar"
"search-bar search-bar"
"radio-department radio-department"
"radio-credit-type radio-semester";
}
.button-search {
background: $pedagogy-orange;
color: white;
font-weight: bold;
margin-left: 20px;
.action-bar {
grid-area: action-bar;
margin-bottom: 10px;
}
.search-bar {
grid-area: search-bar;
display: grid;
grid-template-columns: auto 200px;
grid-template-rows: auto;
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 {
grid-area: search-bar-input;
background: $pedagogy-light-blue;
}
.search-bar-button {
grid-area: search-bar-button;
background: $pedagogy-orange;
color: white;
font-weight: bold;
margin-left: 20px;
}
}
.radio-department {
grid-area: radio-department;
}
.radio-credit-type {
grid-area: radio-credit-type;
}
.radio-semester {
grid-area: radio-semester;
}
.radio-guide input[type="radio"],input[type="checkbox"] {
display:none;
}
@ -1741,25 +1805,21 @@ $pedagogy-white-text: #f0f0f0;
color: white;
}
.radio-guide label {
display:inline-block;
display: inline-block;
background-color: $pedagogy-blue;
padding: 10px 20px;
font-family:Arial;
font-size:16px;
font-family: Arial, sans-serif;
font-size: 16px;
border-radius: 4px;
}
.radio-guide input[type="radio"]:checked + label {
background-color:$pedagogy-orange;
background-color: $pedagogy-orange;
}
.radio-guide input[type="checkbox"]:checked + label {
background-color:$pedagogy-orange;
background-color: $pedagogy-orange;
}
.radio-guide label:hover {
background-color: $pedagogy-hover-blue;
}
#radioAUTUMN + label {
margin-left: 50px;
background-color: $pedagogy-hover-blue;
}
}