Fix read-only appearance of CodeEditor (CMEM-7723)

CHANGELOG.md

@@ -23,6 +23,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 - `<MultiSelect />`
     - border of the BlueprintJS `Tag` elements were fixed
+- `<CodeEditor />`
+    - `readOnly` appearance uses same borders like read-only text fields and it does not display a blinking cursor
 
 ### Changed
 

src/extensions/codemirror/_codemirror.scss

@@ -64,6 +64,18 @@ $eccgui-size-codeeditor-toolbar-height: $button-height !default;
             padding: 0;
         }
 
+        &:has(.cm-content[aria-readonly="true"]) {
+            box-shadow: inset 0 0 0 1px $pt-divider-black;
+
+            &:focus {
+                box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus;
+            }
+
+            .cm-cursor {
+                display: none;
+            }
+        }
+
         &[class*="#{$eccgui}-intent--"] {
             animation-duration: 1s;
             animation-delay: 0.5s;