pedagogy: remove stars on small devices for grade

This commit is contained in:
Antoine Bartuccio 2019-08-08 12:46:51 +02:00
parent d29603c584
commit f09de0ab7d
Signed by: klmp200
GPG Key ID: E7245548C53F904B
2 changed files with 16 additions and 2 deletions

View File

@ -1694,6 +1694,10 @@ $pedagogy-white-text: #f0f0f0;
margin-top: 0px; margin-top: 0px;
} }
&.grade-without-star {
display: none
}
@media screen and (max-width: $large-devices){ @media screen and (max-width: $large-devices){
&.star-not-checked { &.star-not-checked {
margin-left: 5px; margin-left: 5px;
@ -1705,6 +1709,15 @@ $pedagogy-white-text: #f0f0f0;
} }
} }
@media screen and (max-width: $small-devices){
&.grade-without-star {
display: block;
}
&.grade-with-star {
display: none;
}
}
#dynamic_view { #dynamic_view {
font-size: 1.1em; font-size: 1.1em;

View File

@ -3,11 +3,12 @@
{% if grade >= 0 %} {% if grade >= 0 %}
{% for i in range(5) %} {% for i in range(5) %}
{% if i <= grade %} {% if i <= grade %}
<span class="fa fa-star pedagogy star-checked"></span> <span class="fa fa-star pedagogy star-checked grade-with-star"></span>
{% else %} {% else %}
<span class="fa fa-star pedagogy star-not-checked"></span> <span class="fa fa-star pedagogy star-not-checked grade-with-star"></span>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<span class="pedagogy grade-without-star">{{ grade }}/5</span>
{% else %} {% else %}
<span class="grade-text"> {% trans %} not rated {% endtrans %} </span> <span class="grade-text"> {% trans %} not rated {% endtrans %} </span>
{% endif %} {% endif %}