pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] website_rating: fix review display in mobile

Browse Source 
In mobile view, review display layout is not clean. Stars string is too short
and progressbar is also too short. This is because we have visibility hidden
for 'Remove Selection', visibility property takes space.

In this commit we give more space for stars / text, and in mobile we add an
icon instead of 'Remove Selection' string.

Task 2047409

closes odoo/odoo#35598

Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
This commit is contained in:
Shreya Thakrar
2019-08-09 11:47:07 +00:00
committed by Thibault Delavallée
parent 3bd03e27bb
commit e0b8e5e0e7
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website_rating/static/src/scss/website_rating.scss
+1 -1
View File
@@ -16,7 +16,7 @@ $o-w-rating-star-color: #FACC2E;
overflow: visible;
.o_website_rating_table_star_num{
min-width: 30px;
min-width: 50px;
}
.o_website_rating_select[style*="opacity: 1"] {
cursor: pointer;
addons/website_rating/static/src/xml/website_mail.xml
+4 -1
View File
@@ -49,7 +49,10 @@
<strong><t t-esc="Math.round(percent['percent'] * 100) / 100"/>%</strong>
</td>
<td class="o_website_rating_table_reset">
<a href="#" role="button" class="btn btn-link o_website_rating_select_text" t-att-data-star="percent['num']">Remove selection</a>
<a href="#" role="button" class="btn btn-link o_website_rating_select_text" t-att-data-star="percent['num']">
<i class="fa fa-times d-block d-sm-none" role="img" aria-label="Remove Selection"></i>
<span class="d-none d-sm-block">Remove Selection</span>
</a>
</td>
</tr>
</t>