boardSwitcherDialog.scss

TLDR

This file is a SCSS file that contains styles for the "boardsSwitcherDialog" component.

Classes

.blockSearchResult

This class defines the styles for the "blockSearchResult" element. It sets the display to flex, with a row direction. It also sets the width to 100% and applies some spacing and overflow properties. Inside this class, there are styles for the ".CompassIcon" element, the "span" element, the ".resultTitle" element, and the ".teamTitle" element.

.CompassIcon

This class defines the styles for the "CompassIcon" element within the "blockSearchResult" class. It sets the font size to 18px and the color to a semi-transparent value derived from the "--center-channel-color-rgb" variable.

span

This selector defines the styles for the "span" element within the "blockSearchResult" class. It sets the display to inline-block, with a fixed height and overflow properties for text overflow.

.resultTitle

This class defines the styles for the "resultTitle" element within the "blockSearchResult" class. It sets the max-width to 60%.

.teamTitle

This class defines the styles for the "teamTitle" element within the "blockSearchResult" class. It adjusts the position to the right, sets the left-margin to auto, and changes the color to a semi-transparent value derived from the "--center-channel-color-rgb" variable.

.blockSearchResult {
    display: flex;
    gap: 12px;
    overflow: hidden;
    flex-direction: row;
    width: 100%;

    .CompassIcon {
        font-size: 18px;
        color: rgba(var(--center-channel-color-rgb), 0.56);
    }

    span {
        display: inline-block;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .resultTitle {
        max-width: 60%;
    }

    .teamTitle {
        right: auto;
        margin-left: auto;
        color: rgba(var(--center-channel-color-rgb), 0.56);
    }
}