Closing notifications have the same issue.

[I-Iawk]

          Closing notifications have the same issue.

Originally posted by @I-Iawk in #11 (comment)

[claytonwramsey]

Here's how I fixed it for me:

In the definition of .message in _message-list.scss, I changed the definition of .message-close-button:

  // close button
  .message-close-button {
    color: $text-secondary;
    padding: 0;
    height: 22px;
    width: 22px;
    border-radius: $circular_radius;

    &:hover,
    &:active {
      color: white;
    }

    &:hover {
      background-color: $button-close;
    }

    &:active {
      background-color: if(
        $variant == "dark",
        lighten($button-close, 12%),
        darken($button-close, 12%)
      );
    }

If there's a more succinct way to define this. let me know.

[claytonwramsey]

I should also probably add a transition. I'm far from an expert in CSS so I may need to play around with it a bit before I have something that works.

As a side note, Thunderbird and Firefox also will need transition animations.