[REF] mail: RtcActivityNotice, review and simplify scss

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

task-2853027

Part-of: odoo/odoo#91289
This commit is contained in:
Brieuc-brd
2022-05-20 13:15:14 +02:00
parent 7c3de25673
commit 2a6956785e
2 changed files with 3 additions and 7 deletions
@@ -6,10 +6,6 @@
max-width: 150px;
}
.o_RtcActivityNotice_outputIndicator {
margin-inline-end: map-get($spacers, 2);
}
// ------------------------------------------------------------------
// Style
// ------------------------------------------------------------------
@@ -6,16 +6,16 @@
<t t-if="messaging">
<RtcInvitations/>
<t t-if="messaging.rtc.channel">
<a class="o_RtcActivityNotice_button px-3 user-select-none dropdown-toggle o-no-caret o-dropdown--narrow" t-att-title="rtcActivityNoticeView.buttonTitle" role="button" t-on-click="messaging.rtc.onClickActivityNoticeButton">
<button class="o_RtcActivityNotice_button px-3 user-select-none dropdown-toggle o-no-caret o-dropdown--narrow" t-att-title="rtcActivityNoticeView.buttonTitle" role="button" t-on-click="messaging.rtc.onClickActivityNoticeButton">
<div class="o_RtcActivityNotice_buttonContent d-flex align-items-center">
<i class="o_RtcActivityNotice_outputIndicator fa fa-lg" t-att-class="{
<i class="o_RtcActivityNotice_outputIndicator fa fa-lg me-2" t-att-class="{
'fa-microphone': !messaging.rtc.sendDisplay and !messaging.rtc.sendUserVideo,
'fa-video-camera': messaging.rtc.sendUserVideo,
'fa-desktop': messaging.rtc.sendDisplay,
}"/>
<em class="o_RtcActivityNotice_buttonTitle text-truncate" t-esc="messaging.rtc.channel.displayName"/>
</div>
</a>
</button>
</t>
</t>
</div>