Distinguish two monospace fonts: code and mono
Add new css vars to app-theme.
Set 12px default for code and 13px default for mono.
Use "code" just in gr-diff and gr-formatted-text, mono everywhere else.
Ensure that font-size and line-height are set whenever the mono/code
fonts are used.
Fixes the font in the reply dialog being too small.
Fixes the code font in the comment card being too large.
Prominently, the commit message will also use 13px instead of 14px.
Screenshots: https://imgur.com/a/HTHy9fp
Bug: Issue 11839
Change-Id: I4a23ac99233656465707a083428fbe05cb146c95
diff --git a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
index 7aac01c..aa69248 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
@@ -44,8 +44,8 @@
}
:host {
font-family: var(--monospace-font-family, ''), 'Roboto Mono';
- font-size: var(--font-size, var(--font-size-mono, 12px));
- line-height: var(--line-height-mono, 1.334);
+ font-size: var(--font-size, var(--font-size-code, 12px));
+ line-height: var(--line-height-code, 1.334);
}
.thread-group {
