cardActionsMenuIcon.scss

TLDR

The cardActionsMenuIcon.scss file defines the styling for the CardActionsMenuIcon component.

Classes

CardActionsMenuIcon

The CardActionsMenuIcon class is responsible for defining the styling of the card actions menu icon. It sets the border-radius, padding, box-shadow, height, and width properties. Additionally, it adds a hover effect to the icon by changing the background color.

.CardActionsMenuIcon {
    border-radius: 3px;
    padding: 0;
    box-shadow: rgba(var(--center-channel-color-rgb), 0.1) 0 0 0 1px,
        rgba(var(--center-channel-color-rgb), 0.1) 0 2px 4px;
    height: 24px;
    width: 24px;

    &:hover {
        background: rgb(var(--center-channel-color-rgb), 0.1);
    }
}