@import '../../scss/vars';

p3xr-console {
    .p3xr-console-electron {
        margin: $layout-padding;
    }

    #p3xr-console-content {

        font-family: 'Roboto Mono' !important;
        //font-weight: 500;

        $minWidthCalc: 20px;

        text-align: center;

        position: relative;

        #p3xr-console-content-resizer {
            position: absolute;
            top: 0px;
            left: -15px;
            width: 2px;
            height: 100%;
            cursor: ew-resize;
        }


        #p3xr-console-content-output {

            pre {
                font-family: 'Roboto Mono' !important;
                //font-weight: 500;
                //white-space: pre-wrap;
            }

            min-width: calc(100% - #{$minWidthCalc});
            text-align: left;

            .p3xr-console-content-output-item:before {
                content: "> ";
                opacity: 0.5;
            }
        }


    }
    .p3xr-console-monitor-quick {
        position: relative;
        top: 2px;
    }
}


@import '../ui/p3xr-input';

#p3xr-console-input {
    

    min-width: calc(100% - 9px);
    position: fixed;
    bottom: $toolbar-height + 8px;
    left: 3px;
    right: 3px;

}

#p3xr-console-input:focus {

    @extend .p3xr-input:focus;
}

#p3xr-console-autocomplete.p3xr-console-autocomplete-quick #p3xr-console-input {
    min-width: calc(100% - 20px);
    position: fixed;
    left: 10px;
    right: 10px;
}

.p3xr-console {
    background-color: transparent !important;
    md-autocomplete-wrap {
        box-shadow: none;
        background: none !important;
    }
}