IESG evaluation record: can't distinguish mail/no-mail icons

[cabo]

What happened?

In an IESG evaluation record, there are small envelope-shaped icons in each ballot header that indicate whether mail is requested or not.

These icons are practically indistinguishable. There are also three different ones, which two different tooltips.

https://datatracker.ietf.org/doc/draft-ietf-cbor-file-magic/ballot/

What browser(s) are you seeing the problem on?

Chrome / Edge, Safari

Code of Conduct

• [X] I agree to follow the IETF's Code of Conduct

[rjsparks]

The template for this page uses these icon/tooltip combinations:

(for discusses/blocking positions)
<i class="bi bi-envelope float-end" title="Email requested to be sent for this discuss"></i>
<i class="bi bi-envelope float-end" title="Email requested to be sent for earlier discuss"></i>
<i class="bi bi-chat float-end" title="No email send requests for this discuss"></i>
<i class="bi bi-chat float-end" title="No email send requests for this discuss"></i>
--
(for comments)
<i class="bi bi-envelope-check float-end" title="Email requested to be sent for this comment"></i>
<i class="bi bi-envelope-plus float-end" title="Email requested to be sent for earlier comment"></i>
<i class="bi bi-envelope-dash float-end" title="No email send requests for this comment"></i>
<i class="bi bi-envelope-exclamation float-end" title="No ballot position send log available"></i>
--
(for ballots from people who are no longer ADs)
<i class="bi bi-envelope float-end" title="Email requested to be sent for this ballot position"></i>
<i class="bi bi-envelope float-end" title="Email requested to be sent for earlier ballot position"></i>
<i class="bi bi-chat float-end" title="No email send requests for this ballot position"></i>
<i class="bi bi-envelope-slash float-end" title="No ballot position send log available"></i>

[aph3rson]

@ IETF 116 codesprint, attempting to work on this

[aph3rson]

Discussed @ codesprint, revised logic will likely look something like the below:

• Use one of the three styles below:
  • Text only: Do away with the icon, and use a short (1-3 word) blurb to indicate status.
  • Different icon: Use a more-descriptive/easier-to-read icon (which?) in Bootstrap Icons.
  • Multiple icons: Split the email icon and status icon out separately (e.g. slash-square)
• For the three types of records (ballot position, discusses, comments):
  • Do not show a pill if an email was sent.
  • Show a pill if an email was sent for an earlier version of the record, explicitly not sent, or if send status could not be determined.