[FIX] livechat : use main rating image instead of white one for livechat frontend view.

As the percentage bar is translucid, white rating icon is not really easy to see.
Using the main rating image - red for :(, orange for :| and green for :) - is more
convenient.

Also, this fixes the height of rating chart as the bottom border was not visible when 0%.

Task ID: 2076656
PR #37511
This commit is contained in:
David Beguin
2019-09-30 15:54:50 +00:00
parent 8d359aa5a5
commit 41b2d9cc86
@@ -88,9 +88,9 @@
<h3>Statistics</h3>
<div class="row">
<div class="col-lg-5">
<div class="card bg-success text-white" t-attf-style="height: #{150 + int(percentage['great'])}px;">
<div class="card bg-success text-white" t-attf-style="height: #{160 + int(percentage['great'])}px;">
<div class="card-body text-center">
<img src="/rating/static/src/img/rating_10_white.png" style="height:40px" alt="Happy face"/>
<img src="/rating/static/src/img/rating_10.png" style="height:40px" alt="Happy face"/>
</div>
<div class="card-body text-center">
<h2 style="margin: 0">
@@ -103,9 +103,9 @@
</div>
</div>
<div class="col-lg-4">
<div class="card bg-warning text-white" t-attf-style="height: #{150 + int(percentage['okay'])}px;">
<div class="card bg-warning text-white" t-attf-style="height: #{160 + int(percentage['okay'])}px;">
<div class="card-body text-center">
<img src="/rating/static/src/img/rating_5_white.png" style="height:40px" alt="Neutral face"/>
<img src="/rating/static/src/img/rating_5.png" style="height:40px" alt="Neutral face"/>
</div>
<div class="card-body text-center">
<h2 style="margin: 0">
@@ -118,9 +118,9 @@
</div>
</div>
<div class="col-lg-3">
<div class="card bg-danger text-white" t-attf-style="height: #{150 + int(percentage['bad'])}px;">
<div class="card bg-danger text-white" t-attf-style="height: #{160 + int(percentage['bad'])}px;">
<div class="card-body text-center">
<img src="/rating/static/src/img/rating_1_white.png" style="height:40px" alt="Sad face"/>
<img src="/rating/static/src/img/rating_1.png" style="height:40px" alt="Sad face"/>
</div>
<div class="card-body text-center">
<h2 style="margin: 0">