|
|
@ -152,7 +152,7 @@ class Carbon extends React.PureComponent {
|
|
|
|
extraKeys: {
|
|
|
|
extraKeys: {
|
|
|
|
'Shift-Tab': 'indentLess'
|
|
|
|
'Shift-Tab': 'indentLess'
|
|
|
|
},
|
|
|
|
},
|
|
|
|
readOnly: this.props.readOnly ? 'nocursor' : false,
|
|
|
|
readOnly: this.props.readOnly,
|
|
|
|
showInvisibles: config.hiddenCharacters
|
|
|
|
showInvisibles: config.hiddenCharacters
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const backgroundImage =
|
|
|
|
const backgroundImage =
|
|
|
@ -296,6 +296,10 @@ class Carbon extends React.PureComponent {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.container :global(.CodeMirror-cursor) {
|
|
|
|
|
|
|
|
visibility: ${this.props.readOnly ? 'hidden' : ''};
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
/* show cursor on mobile */
|
|
|
|
/* show cursor on mobile */
|
|
|
|
.container :global([contenteditable='true']) {
|
|
|
|
.container :global([contenteditable='true']) {
|
|
|
|