[IMP] spreadsheet: change global filter icon

Change the global filter icon from the `fa-search` to something more
filter-like.

Also use the same icon in shared dashboard.

closes odoo/odoo#139164

Task: 3560817
Related: odoo/enterprise#49166
Signed-off-by: Lucas Lefèvre (lul) <lul@odoo.com>
This commit is contained in:
Adrien Minne (adrm)
2023-10-30 13:55:56 +00:00
parent 6b045f540a
commit eba33ff004
2 changed files with 12 additions and 2 deletions
@@ -12,4 +12,11 @@
<path fill="currentColor" d="M2 10.5h1.5V15h11v-4.5H16v6H2M5.5 8H8V1h2v7h2.5L9 11.5"/>
</svg>
</t>
<t t-name="o-spreadsheet-Icon.GLOBAL_FILTERS">
<svg width="20" height="20" viewbox="0 0 20 20">
<path
fill="currentColor"
d="M1 3h12L7 9M5.5 6h3v11l-3-3M14 4h4v2h-4m-3 3h7v2h-7m0 3h7v2h-7"/>
</svg>
</t>
</templates>
@@ -2,8 +2,11 @@
<templates xml:space="preserve">
<t t-name="spreadsheet.PublicReadonlySpreadsheet">
<div t-if="showFilterButton" t-on-click="toggleGlobalFilters" class="o-public-spreadsheet-filter-button position-absolute bg-white fw-bold my-0 mx-3 p-2 fs-6 rounded">
<i class="fa fa-fw fa-filter me-1"/>Show Filters
<div t-if="showFilterButton"
t-on-click="toggleGlobalFilters"
class="o-public-spreadsheet-filter-button position-absolute bg-white fw-bold my-0 mx-3 p-2 fs-6 rounded">
<t t-call="o-spreadsheet-Icon.GLOBAL_FILTERS"/>
<span class="ps-1">Show Filters</span>
</div>
<div class="o-public-spreadsheet-filters d-flex flex-column flex-nowrap overflow-y-scroll p-3" t-if="state.isFilterShown">
<div class="o-public-spreadsheet-filters-title d-flex justify-content-between align-items-center">