Skip to content

Message styling improvements

Joonas Henriksson requested to merge (removed):style-message-close-button into master

  • Increase contrast between normal and hovered message-media-control buttons. The foreground color was changed in commit 44e1a6ce, which left very little difference between the :hover and normal states (#eeeeec vs #ffffff), making it hard to distinguish whether the mouse cursor is over the button.

  • Add message-close-button style class to notification close buttons, which allows adding styling to :hover state based on message-media-control buttons. Like media buttons, the close buttons have no border, making the button boundaries impossible to determine without mouse-over effect.

  • Add :active (clicked) styling to both, media, and close buttons, in compliance to most other clickable elements.

Video demonstrating the changes: Screencast_from_24-11-19_20_58_39

Edited by Joonas Henriksson

Merge request reports