confirmAddUserForNotifications.scss

TLDR

This file defines the styles for the "ConfirmAddUserForNotifications" component, including its child components such as "select" and "permissions-title".

Classes

ConfirmAddUserForNotifications

This class defines the styles for the "ConfirmAddUserForNotifications" component. It sets the display to flex, the flex-direction to column, and aligns the items to the center.

select

This class defines the styles for the "select" component within the "ConfirmAddUserForNotifications" component. It sets the text alignment to left, width to 250px, and margin-top to 10px.

permissions-title

This class defines the styles for the "permissions-title" component within the "ConfirmAddUserForNotifications" component. It sets the width to 250px, position to relative, and top, left, and height to specific values. The text alignment is set to left and font size to 12px. It also includes styles for the "label" component, setting its position to absolute, padding to 0 5px, margin to 0, background color to a specific value, and color to a specific value with some transparency.

@import '../styles/z-index';

.ConfirmAddUserForNotifications {
    display: flex;
    flex-direction: column;
    align-items: center;

    .select {
        text-align: left;
        width: 250px;
        margin-top: 10px;
    }

    .permissions-title {
        width: 250px;
        position: relative;
        top: -3px;
        left: 6px;
        height: 0;
        text-align: left;
        font-size: 12px;

        label {
            @include z-index(modal-permissions-label);
            position: absolute;
            padding: 0 5px;
            margin: 0;
            background-color: rgb(var(--center-channel-bg-rgb));
            color: rgba(var(--center-channel-color-rgb), 0.8);
        }
    }
}