Commit a56a4e2c authored by Sli's avatar Sli

pedagogy: better comment display on mobile

parent 339497b2
Pipeline #1872 passed with stage
in 21 minutes and 23 seconds
......@@ -1677,6 +1677,20 @@ label {
&.star_checked {
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 {
......@@ -1736,33 +1750,45 @@ label {
.grade_block {
.grade {
.dif_grade {
height: 156px;
width: 8%;
background-color: #1bb9ea;
color: #f0f0f0;
height: 156px;
float: left;
text-align: left;
font-weight: bold;
text-align: right;
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 {
width: 8%;
background-color: #1bb9ea;
color: #f0f0f0;
.grade {
height: 156px;
width: 8%;
float: left;
font-weight: bold;
text-align: right;
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 {
color: #f0f0f0;
text-align: center;
}
.info {
......
......@@ -8,8 +8,9 @@
<span class="fa fa-star pedagogy star_not_checked"></span>
{% endif %}
{% endfor %}
<span class="pedagogy stars_grade not_rated">{{ grade + 1 }}/5</span>
{% else %}
<p class="not_rated"> {% trans %} not rated {% endtrans %} </p>
<span class="not_rated"> {% trans %} not rated {% endtrans %} </span>
{% endif %}
{%- endmacro %}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment