main

mattermost/focalboard

Last updated at: 29/12/2023 09:47

horizontalGrip.scss

TLDR

The horizontalGrip.scss file contains the styles for a horizontal grip component used in a table.

Classes

HorizontalGrip

The HorizontalGrip class defines the styles for the horizontal grip component. It sets the width to 5 pixels, changes the cursor to ew-resize, and prevents the component from shrinking with flex-shrink: 0. On hover, the background color is changed to a semi-transparent light blue.

.HorizontalGrip {
    width: 5px;
    cursor: ew-resize;
    flex-shrink: 0;

    &:hover {
        background-color: rgba(90, 192, 255, 0.7);
    }
}