@import '../../themes/default/index';
@import '../../mixins/index';

.ps-code-editor {
    &.disabled {
        .react-monaco-editor-container {
            .monaco-editor {
                .margin {
                    background-color: #ccccccbd;
                    cursor: not-allowed;
                }
                .monaco-scrollable-element {
                    .lines-content.monaco-editor-background {
                        background-color: #ccccccbd;
                        cursor: not-allowed;
                        .view-overlays {
                            .current-line {
                                border: 0;
                            }
                        }
                        .view-lines {
                            // background-color: #ccccccbd;
                            cursor: not-allowed;
                        }
                    }
                    canvas {
                        // background-color: #ccccccbd;
                        cursor: not-allowed;
                        display: none;
                    }
                }
                .minimap {
                    display: none;
                    // canvas {
                    //     // background-color: #ccccccbd;
                    //     cursor: not-allowed;
                    //     display: none;
                    // }
                    // .minimap-slider {
                    //     opacity: 0;
                    //     // background-color: #ccccccbd;
                    //     cursor: not-allowed;
                    // }
                }
            }
        }
    }

    // 읽기 전용은 tooltip 으로 표시
    // &.readonly {
    //     .react-monaco-editor-container {
    //         .monaco-editor {
    //             .view-line {
    //                 span {
    //                     color: #30e776e5;
    //                 }
    //             }
    //         }
    //     }
    // }
}