pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] calendar: improve attendee tags list

Browse Source 
The attendee tags list which is used in the calendar event's popups
needed adapting because the backdrop was being cropped.
Also, in the popups, these tags aren't clickable but seemed to be so
with the backdrop appearing on `:hover`.

task-3389317

Part-of: odoo/odoo#138670
This commit is contained in:
Elisabeth Dickinson
2023-10-23 20:07:23 +00:00
committed by Leonardo Pavan Rocha
parent c9807a743b
commit f580147212
3 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/calendar/static/src/views/fields/attendee_tags_list.scss
+6 -8
View File
@@ -1,14 +1,12 @@
.o_attendee_tags_list{
.o_attendee_tags_list {
--Avatar-size: 24px;
position: relative;
.attendee_tag_status {
position: absolute;
bottom: -0.375em;
right: -0.375em;
display: block;
border-radius: 100%;
border: 1px white solid;
@include o-position-absolute($bottom: -0.375em, $right: -0.375em);
aspect-ratio: 1;
border: 1px $o-view-background-color solid;
}
.o_attendee_status_accepted {
@@ -20,7 +18,7 @@
color: $danger;
}
.o_attendee_status_tentative {
background-color: tint-color($dark, 80%);
background-color: $gray-200;
color: $dark;
}
}
addons/calendar/static/src/views/fields/attendee_tags_list.xml
+6 -2
View File
@@ -1,13 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates>
<t t-name="calendar.AttendeeTagsList" t-inherit="web.TagsList" t-inherit-mode="primary">
<xpath expr="//span[hasclass('o_avatar_backdrop')]" position="attributes">
<attribute name="class" remove="opacity-100-hover" separator=" "/>
</xpath>
<xpath expr="//img[hasclass('o_m2m_avatar')]" position="replace">
<div class="o_attendee_tags_list mb-2">
<div class="o_attendee_tags_list">
<img t-if="tag.img"
t-att-src="tag.img"
class="o_avatar o_m2m_avatar position-relative rounded"
t-att-class="tag.imageClass"/>
<div t-if="tag.status &amp;&amp; tag.statusIcon" t-attf-class="attendee_tag_status o_attendee_status_{{tag.status}} fa fa-icon {{tag.statusIcon}}"/>
<div t-if="tag.status &amp;&amp; tag.statusIcon" t-attf-class="attendee_tag_status o_attendee_status_{{tag.status}} fa fa-fw {{tag.statusIcon}} rounded-circle"/>
</div>
</xpath>
</t>
addons/calendar/static/src/views/fields/many2many_attendee.xml
+3
View File
@@ -1,6 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates>
<t t-name="calendar.Many2ManyAttendee" t-inherit="web.Many2ManyTagsAvatarField" t-inherit-mode="primary">
<xpath expr="//div[hasclass('many2many_tags_avatar_field_container')]" position="attributes">
<attribute name="class" add="flex-column" separator=" "/>
</xpath>
<xpath expr="//Many2XAutocomplete" position="attributes">
<attribute name="placeholder">props.placeholder</attribute>
</xpath>