plugin.scss

TLDR

This file contains the SCSS (Sassy CSS) code for the Mattermost plugin web application. It includes styles for various elements on the web app.

Classes

.boards-rhs-icon

This class sets the font size to 20 pixels.

.focalboard-body .RightControlsContainer-eacbOh

This class sets the flex basis to auto.

.focalboard-body .feature-global-header>header

This class sets the z-index to 1000.

.Menu

This class contains styles for the menu items. It sets the color to inherit and applies hover effects.

img.boards-rhs-header-logo

This class contains styles for an image element. It sets the color to white, the background to the value of the variable --button-bg, and applies size and border-radius properties.

.boards-rhs-icon {
    font-size: 20px;
}

.focalboard-body .RightControlsContainer-eacbOh {
    flex-basis: auto;
}

.focalboard-body .feature-global-header>header {
    z-index: 1000;

    .Menu {
        a, button {
            color: inherit;

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

                div {
                    color: rgb(var(--link-color-rgb));
                }
            }
        }
    }
}

img.boards-rhs-header-logo {
    color: white;
    background: var(--button-bg);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
}