MDL-72667 message: fix contrast issue in the drawer

This commit is contained in:
Simey Lameze 2021-10-07 13:52:20 +08:00
parent fa080070a1
commit 1eed73fc4b
6 changed files with 47 additions and 6 deletions

View file

@ -78,12 +78,12 @@
{{#str}} sender, core_message, {{.}} {{/str}}
{{/lastsendername}}
{{/sentfromcurrentuser}}
<span class="text-muted">{{{lastmessage}}}</span>
<span>{{{lastmessage}}}</span>
</p>
</div>
<div class="d-flex align-self-stretch">
<div
class="px-2 py-1 small position-absolute position-right text-muted {{^lastmessagedate}}hidden{{/lastmessagedate}}"
class="px-2 py-1 small position-absolute position-right {{^lastmessagedate}}hidden{{/lastmessagedate}}"
data-region="last-message-date" aria-hidden="true"
>
{{#lastmessagedate}}
@ -98,7 +98,7 @@
</div>
<div class="d-flex align-self-center align-items-center">
<span
class="badge badge-pill badge-primary bg-primary {{^unreadcount}}hidden{{/unreadcount}}"
class="badge badge-pill badge-primary {{^unreadcount}}hidden{{/unreadcount}}"
data-region="unread-count"
aria-label="{{#str}} unreadmessages, core_message, {{unreadcount}} {{/str}}"
>

View file

@ -91,13 +91,13 @@
</div>
<span
class="badge badge-pill badge-primary bg-primary {{^unreadcount}}hidden{{/unreadcount}}"
class="badge badge-pill badge-primary {{^unreadcount}}hidden{{/unreadcount}}"
data-region="unread-count"
>
{{unreadcount}}
</span>
<div class="text-muted">
<div>
{{> core_message/message_drawer_icon_forward }}
</div>
</a>

View file

@ -39,7 +39,7 @@
class="section border-0 card rounded-0"
data-region="{{$region}}{{/region}}"
>
<div id="{{$region}}{{/region}}-toggle" class="card-header rounded-0 p-0" data-region="toggle">
<div id="{{$region}}{{/region}}-toggle" class="card-header rounded-0" data-region="toggle">
<button
class="btn btn-link w-100 text-left p-1 p-sm-2 d-flex rounded-0 align-items-center overview-section-toggle {{^expanded}}collapsed{{/expanded}}"
data-toggle="collapse"