[IMP] im_livechat : review channel history layout
The Live chat history was taking too much space and was hard to read. The goal here is to display more information on the screen. The pictures and padding are then reduced. Note that kanban view is not a solution in long term. At it does not allow to squash messages per user (if consecutive messages from same user at close interval of time). As the thread widget will be reviewed by discuss team in a near future, we keep this at the moment and will integrate the new thread widget later, mainly to be able to squash the messages. Task ID : 1913869 Closes PR #30343
This commit is contained in:
@@ -11,9 +11,17 @@
|
||||
flex-flow: column;
|
||||
max-height:500px;
|
||||
overflow:auto;
|
||||
padding:2px 0px;
|
||||
.rounded-circle {
|
||||
width:32px;
|
||||
height: 32px;
|
||||
}
|
||||
.o_kanban_record {
|
||||
padding: 0px 8px;
|
||||
margin: -1px 8px;
|
||||
min-width: 300px;
|
||||
width: 98%;
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
.oe_module_vignette {
|
||||
@@ -23,7 +31,7 @@
|
||||
padding-top: 8px;
|
||||
}
|
||||
.oe_module_desc {
|
||||
padding: 8px 8px 8px 70px;
|
||||
padding: 8px 8px 0px 64px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
<div class="o_history_kanban_container">
|
||||
<div class="o_history_kanban_sub_container">
|
||||
<field name="message_ids" mode="kanban">
|
||||
<kanban>
|
||||
<kanban default_order="create_date DESC">
|
||||
<field name="author_id"/>
|
||||
<field name="body"/>
|
||||
<field name="create_date" groups="base.group_no_one"/>
|
||||
@@ -65,7 +65,7 @@
|
||||
<div class="o_kanban_image">
|
||||
<div>
|
||||
<t t-if="record.author_avatar.raw_value">
|
||||
<img t-att-src="kanban_image('mail.message', 'author_avatar', record.id.raw_value)" alt="Avatar" class="rounded-circle" width="56px" heigth="56px"/>
|
||||
<img t-att-src="kanban_image('mail.message', 'author_avatar', record.id.raw_value)" alt="Avatar" class="rounded-circle"/>
|
||||
</t>
|
||||
<t t-else=""><img alt="Anonymous" src="/mail/static/src/img/smiley/avatar.jpg" class="rounded-circle"/></t>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user