.vp-instance-base { display: grid; width: 100%; grid-template-columns: 90px calc(100% - 90px); grid-template-rows: 1fr; grid-row-gap: 8px; } .vp-instance-base .vp-ds-button { vertical-align: top; } .vp-instance-toolbar { grid-column: 2/3; } .vp-instance-toolbar .vp-toolbar-button { width: fit-content; height: 24px; background: #F5F5F5; border: 0.25px solid #C4C4C4; box-sizing: border-box; border-radius: 2px; } .vp-instance-label { grid-column: 1/2; } .vp-instance-base > hr { margin: 0px; display: block !important; grid-column: 1/3; } .vp-ins-container { grid-column: 1/3; grid-row: 5; } /* udf editor - CodeMirror */ #vp-wrapper .vp-option-page .vp-instance-box .CodeMirror { display: inline-block; width: calc(100% - 60px); height: 30px; border: 1px solid silver; overflow: hidden; } #vp-wrapper .vp-option-page .vp-instance-box .CodeMirror.selected { border: 1px solid var(--hightlight-color); } #vp-wrapper .vp-option-page .vp-instance-box .CodeMirror-empty { outline: none; } #vp-wrapper .vp-option-page .vp-instance-box .CodeMirror-empty.CodeMirror-focused { outline: none; } #vp-wrapper .vp-option-page .vp-instance-box .CodeMirror pre.CodeMirror-placeholder { color: #999; } /* Hide cursor in readonly fields */ #vp-wrapper .vp-option-page .vp-instance-box .CodeMirror-readonly .CodeMirror-cursor { display: none !important } /* #vp-wrapper .vp-option-page .CodeMirror-scroll { min-height: 80px; max-height: 80px;} */ #vp-wrapper .vp-option-page .vp-instance-box .CodeMirror-code .cm-variable { background-color: rgba(47, 133, 90, 0.2); } #vp-wrapper .vp-option-page .vp-instance-box .CodeMirror-code .cm-property { background-color: rgba(246, 173, 85, 0.2); } /* scroll bar */ .vp-instance-box::-webkit-scrollbar-track { border-radius: 0; background: #eeeeee; } .vp-instance-box::-webkit-scrollbar-thumb { border-radius: 0; background: #b0b0b0; }