mediawiki-extensions-CodeMi.../resources/modules/ve-cm/ve.ui.CodeMirror.init.less
Ed Sanders 91397eb556 Ensure CM surface can't be edited in VE mode
CM surface is just for presentation, it shouldn't
be possible to focus or select anything in the surface,
so in addition to it being beneath the VE surface,
disable it through the CM API and disable pointer-events
with CSS.

Bug: T170170
Change-Id: Ief49c293f514e22bc6db5eebb3a11c1bc695432d
2017-07-10 18:02:22 +00:00

51 lines
1,000 B
Plaintext

.ve-init-mw-desktopArticleTarget {
.CodeMirror {
height: auto;
z-index: -1;
position: absolute;
top: 0;
left: 0;
font-size: 1.17216em;
line-height: 1.5em;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
pointer-events: none;
padding: 0 1.14286em; /* 1/0.875 */
@media screen and ( min-width: 982px ) {
padding: 0 1.71429em; /* surface-margin-left (1.5em) / (mw-body-content font-size) 0.875em */
}
}
.CodeMirror pre,
.CodeMirror-lines {
padding: 0;
}
.CodeMirror-scroll {
margin-right: 0;
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
}
.CodeMirror-sizer {
border-right: 0;
}
.CodeMirror pre.cm-mw-section-1,
.CodeMirror pre.cm-mw-section-2 {
font-size: inherit;
line-height: inherit;
font-weight: bold;
}
}
.ve-ce-documentNode-codeEditor-hide {
opacity: 0.3;
}
.ve-ce-documentNode-codeEditor-webkit-hide {
-webkit-text-fill-color: transparent;
}