[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:
-18
@@ -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
-3
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user