@import '../variables.scss';

.n2o-text-editor-wrapper {
    border: $text-editor-border;
    word-break: break-all;
    word-wrap: break-word;
    max-width: 100%;

    .rdw-editor-toolbar {
        border: none;
        border-bottom: $text-editor-border;
    }

    .n2o-text-editor {
        padding: 15px 10px;

        // Баг react-draft-wysiwyg, ломает межстрочный интервал при выравнивании
        .public-DraftStyleDefault-block {
            margin: 0;
        }
    }

    .rdw-dropdown-optionwrapper {
        overflow-y: auto;
        width: max-content;
    }

    .rdw-embedded-modal,
    .rdw-link-modal {
        height: auto;

        .rdw-embedded-modal-header-option {
            width: 100%;
        }
    }

    .rdw-embedded-modal-btn,
    .rdw-image-modal-btn,
    .rdw-link-modal-btn {
        min-width: 75px;
        width: 100%;
    }

    .rdw-block-dropdown {
        width: auto;
        min-width: 100px;
    }

    .rdw-dropdown-carettoopen,
    .rdw-dropdown-carettoclose {
        right: 5%;
    }

    .rdw-dropdown-selectedtext {
        padding-right: 20px;
    }
}

.n2o-text-editor-wrapper--disabled {
    pointer-events: none;
    opacity: 0.4;
}