[FIX] web: o_searchview design consistency

Review 'o_searchview' menu entries design, improving consistency within
the overall UI.
Part of the overall v16 SCSS optimization/restyle, task-2704984.

task-2800721

Part-of: odoo/odoo#87448
This commit is contained in:
stefanorigano (SRI)
2022-05-05 14:00:35 +02:00
parent 46685507c2
commit ee95f41dbf
4 changed files with 7 additions and 15 deletions
+4 -4
View File
@@ -370,7 +370,7 @@
<ul t-if="state.sources.length" class="dropdown-menu o_searchview_autocomplete dropdown-menu show" role="menu">
<li t-foreach="state.sources" t-as="src" t-key="src.id"
t-att-id="src.id"
class="o_menu_item"
class="o_menu_item dropdown-item"
t-att-class="{ o_indent: src.parent and !src.parent.selection, o_selection_focus: src_index === state.focusedItem }"
t-on-click="()=>this._selectSource(src)"
t-on-mousemove="()=>this._onSourceMousemove(src_index)"
@@ -384,12 +384,12 @@
</a>
<a href="#" t-on-click.prevent="">
<t t-if="src.parent.selection">
Search <em t-esc="src.parent.description"/>: <strong t-esc="src.label"/></t>
Search <b t-esc="src.parent.description"/>: <b class="font-italic text-primary" t-esc="src.label"/></t>
<t t-elif="src.label" t-esc="src.label"/>
<t t-elif="['date', 'datetime'].includes(src.type)">
<t>Search <em t-esc="src.description"/> at: <strong t-esc="state.inputValue"/></t>
<t>Search <b t-esc="src.description"/> at: <b class="font-italic text-primary" t-esc="state.inputValue"/></t>
</t>
<t t-else="">Search <em t-esc="src.description"/> for: <strong t-esc="state.inputValue"/></t>
<t t-else="">Search <b t-esc="src.description"/> for: <b class="font-italic text-primary" t-esc="state.inputValue"/></t>
</a>
</li>
</ul>
@@ -48,7 +48,7 @@
<t t-name="web.SearchBar.Items" owl="1">
<ul class="dropdown-menu o_searchview_autocomplete dropdown-menu show" role="menu">
<t t-foreach="items" t-as="item" t-key="item.id">
<li class="o_menu_item"
<li class="o_menu_item dropdown-item"
t-att-class="{ o_indent: item.isChild, o_selection_focus: item_index === state.focusedIndex}"
t-att-id="item.id"
t-on-click="() => this.selectItem(item)"
@@ -67,7 +67,7 @@
<t t-esc="item.label"/>
</t>
<t t-else="">
Search <em t-esc="item.searchItemDescription"/> <t t-esc="item.preposition"/>: <strong t-esc="item.label"/>
Search <b t-esc="item.searchItemDescription"/> <t t-esc="item.preposition"/>: <b class="font-italic text-primary" t-esc="item.label"/>
</t>
</a>
</li>
@@ -64,9 +64,7 @@
}
a {
&:hover {
background-color: inherit;
}
color: inherit;
&.o_expand {
display: flex;
@@ -27,10 +27,4 @@
.o_searchview_icon {
@include o-position-absolute($top: 6px, $right: 5px);
}
.o_searchview_autocomplete li.o_selection_focus {
background-color: $o-brand-odoo;
> a {
color: white;
}
}
}