[REF] mail: ComposerSuggestionList, review and simplify scss

Part of the overall v16 SCSS optimization/restyle, task-2704984

task-2781992

closes odoo/odoo#87719

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
This commit is contained in:
Brieuc-brd
2022-04-01 12:31:11 +02:00
parent 0edc49c56a
commit dcf3d6e508
2 changed files with 3 additions and 21 deletions
@@ -2,26 +2,8 @@
// Layout
// ------------------------------------------------------------------
.o_ComposerSuggestionList {
position: absolute;
// prevent suggestion items from overflowing
width: map-get($sizes, 100);
&.o-lowPosition {
bottom: 0;
}
}
.o_ComposerSuggestionList_drop {
// prevent suggestion items from overflowing
width: map-get($sizes, 100);
}
.o_ComposerSuggestionList_list {
// prevent suggestion items from overflowing
width: map-get($sizes, 100);
// prevent from overflowing chat window, must be smaller than its height
// minus the max height taken by composer and attachment list
max-height: 150px;
overflow: auto;
}
@@ -3,9 +3,9 @@
<t t-name="mail.ComposerSuggestionList" owl="1">
<t t-if="composerView">
<div class="o_ComposerSuggestionList" t-att-class="{ 'o-lowPosition': props.isBelow }" t-attf-class="{{ className }}" t-ref="root">
<div class="o_ComposerSuggestionList_drop" t-att-class="{ 'dropdown': props.isBelow, 'dropup': !props.isBelow }">
<div class="o_ComposerSuggestionList_list dropdown-menu show">
<div class="o_ComposerSuggestionList position-absolute w-100" t-att-class="{ 'o-lowPosition bottom-0': props.isBelow }" t-attf-class="{{ className }}" t-ref="root">
<div class="o_ComposerSuggestionList_drop w-100" t-att-class="{ 'dropdown': props.isBelow, 'dropup': !props.isBelow }">
<div class="o_ComposerSuggestionList_list dropdown-menu show w-100 overflow-auto">
<t t-foreach="composerView.mainSuggestions" t-as="suggestion" t-key="suggestion.localId">
<ComposerSuggestion
composerViewLocalId="composerView.localId"