[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:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user