calculation.scss

TLDR

This file contains the SCSS code for styling the KanbanCalculation component.

Classes

KanbanCalculation

This class defines the styling for the KanbanCalculation component. It sets the position to relative. The class also contains styles for the button inside the component. The button has a cursor of pointer, a height of 24px, padding of 0 6px, and a minimum width of 24px. The button's span has a maximum width of 35px, overflow is hidden, and text overflow is set to ellipsis. When the button is hovered, it has a background color of rgba(var(--center-channel-color-rgb), 0.1).

.KanbanCalculation {
    position: relative;

    button {
        cursor: pointer !important;
        height: 24px;
        padding: 0 6px;
        min-width: 24px;

        span {
            max-width: 35px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

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