pedagogy: better comment display on mobile

This commit is contained in:
Antoine Bartuccio 2019-07-06 03:54:46 +02:00
parent 339497b2c2
commit a56a4e2cb8
Signed by: klmp200
GPG Key ID: E7245548C53F904B
2 changed files with 40 additions and 13 deletions

View File

@ -1677,6 +1677,20 @@ label {
&.star_checked { &.star_checked {
color: #ea7900; color: #ea7900;
} }
&.stars_grade {
display: none;
}
@media screen and (max-width: 992px) {
&.stars_grade {
display: block;
}
&.star_checked {
display: none;
}
&.star_not_checked {
display: none;
}
}
} }
#search_form { #search_form {
@ -1736,19 +1750,8 @@ label {
.grade_block { .grade_block {
.grade {
width: 8%;
height: 156px;
float: left;
text-align: left;
padding: 15px;
padding-right: 40px;
padding-top: 0px;
clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 20%, 75% 0);
background-color: #1bb9ea;
}
.dif_grade { .dif_grade {
height: 156px;
width: 8%; width: 8%;
background-color: #1bb9ea; background-color: #1bb9ea;
color: #f0f0f0; color: #f0f0f0;
@ -1759,10 +1762,33 @@ label {
padding: 15px; padding: 15px;
padding-top: 0px; padding-top: 0px;
} }
.grade {
height: 156px;
width: 8%;
float: left;
text-align: left;
padding: 15px;
padding-right: 40px;
padding-top: 0px;
clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 20%, 75% 0);
background-color: #1bb9ea;
}
@media screen and (max-width: 992px) {
.dif_grade {
width: 11%;
}
.grade {
width: 8%;
}
}
} }
.not_rated { .not_rated {
color: #f0f0f0; color: #f0f0f0;
text-align: center;
} }
.info { .info {

View File

@ -8,8 +8,9 @@
<span class="fa fa-star pedagogy star_not_checked"></span> <span class="fa fa-star pedagogy star_not_checked"></span>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<span class="pedagogy stars_grade not_rated">{{ grade + 1 }}/5</span>
{% else %} {% else %}
<p class="not_rated"> {% trans %} not rated {% endtrans %} </p> <span class="not_rated"> {% trans %} not rated {% endtrans %} </span>
{% endif %} {% endif %}
{%- endmacro %} {%- endmacro %}