[web] fix comment input in visual mode (#35665)

GitOrigin-RevId: 7aced47d90a856fe9ebcb07f8148c4987b3583c8
This commit is contained in:
Kristina
2026-09-17 11:33:05 +00:00
committed by Copybot
parent 3565f51a84
commit 74d7a649c8
2 changed files with 10 additions and 1 deletions
@@ -50,6 +50,11 @@ type MentionsInputProps = {
// Shared editor styling for the mentions input.
const mentionsInputTheme = EditorView.theme({
// reset variables to override visual mode's .cm-content rules
'&.cm-editor': {
'--visual-font-family': 'var(--bs-body-font-family)',
'--visual-font-size': 'var(--font-size)',
},
// double the specificity to override the base font family used by theme.ts regardless of extension load order
'.cm-content.cm-content': {
fontFamily: 'var(--bs-body-font-family)',
@@ -533,10 +533,14 @@ del.review-panel-content-highlight {
}
.cm-content {
padding: var(--spacing-01) var(--spacing-03);
min-height: 44px;
}
// extra specificity to override visual mode's .cm-content rules
&.review-panel-add-comment-editor .cm-content.cm-content {
padding: var(--spacing-01) var(--spacing-03);
}
.cm-cursor,
.cm-cursor-primary {
border-left-color: var(--review-panel-color);