diff --git a/CHANGELOG.md b/CHANGELOG.md
index b6123a1008..2101b427ab 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
- Simplified collapse state management of the secondary navigation ([#1086](https://github.com/scm-manager/scm-manager/pull/1086)
+- Ensure same monospace font-family throughout whole SCM-Manager ([#1091](https://github.com/scm-manager/scm-manager/pull/1091)
### Fixed
- Authentication for write requests for repositories with anonymous read access ([#108](https://github.com/scm-manager/scm-manager/pull/1081))
diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index 3f92b0e5f9..14bb932217 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -659,7 +659,7 @@ exports[`Storyshots Diff Binaries 1`] = `
className="panel-block is-paddingless"
>
@@ -846,7 +846,7 @@ exports[`Storyshots Diff Binaries 1`] = `
className="panel-block is-paddingless"
>
@@ -1334,7 +1334,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
className="panel-block is-paddingless"
>
@@ -2186,7 +2186,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
className="panel-block is-paddingless"
>
@@ -2634,7 +2634,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
className="panel-block is-paddingless"
>
@@ -3203,7 +3203,7 @@ exports[`Storyshots Diff Default 1`] = `
className="panel-block is-paddingless"
>
@@ -3778,7 +3778,7 @@ exports[`Storyshots Diff Default 1`] = `
className="panel-block is-paddingless"
>
@@ -4630,7 +4630,7 @@ exports[`Storyshots Diff Default 1`] = `
className="panel-block is-paddingless"
>
@@ -5078,7 +5078,7 @@ exports[`Storyshots Diff Default 1`] = `
className="panel-block is-paddingless"
>
@@ -5526,7 +5526,7 @@ exports[`Storyshots Diff Default 1`] = `
className="panel-block is-paddingless"
>
@@ -6581,7 +6581,7 @@ exports[`Storyshots Diff Default 1`] = `
className="panel-block is-paddingless"
>
@@ -7115,7 +7115,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
src/main/java/com/cloudogu/scm/review/events/EventListener.java
@@ -7694,7 +7694,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
src/main/js/ChangeNotification.tsx
@@ -8550,7 +8550,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
src/main/resources/locales/de/plugins.json
@@ -9002,7 +9002,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
src/main/resources/locales/en/plugins.json
@@ -9454,7 +9454,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
src/test/java/com/cloudogu/scm/review/events/ClientTest.java
@@ -10513,7 +10513,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
Main.java
@@ -11061,7 +11061,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="panel-block is-paddingless"
>
@@ -11654,7 +11654,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="panel-block is-paddingless"
>
@@ -12524,7 +12524,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="panel-block is-paddingless"
>
@@ -12990,7 +12990,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="panel-block is-paddingless"
>
@@ -13456,7 +13456,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="panel-block is-paddingless"
>
@@ -14529,7 +14529,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="panel-block is-paddingless"
>
@@ -15059,7 +15059,7 @@ exports[`Storyshots Diff Hunks 1`] = `
className="panel-block is-paddingless"
>
@@ -15896,7 +15896,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
className="panel-block is-paddingless"
>
@@ -16483,7 +16483,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
className="panel-block is-paddingless"
>
@@ -17347,7 +17347,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
className="panel-block is-paddingless"
>
@@ -17795,7 +17795,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
className="panel-block is-paddingless"
>
@@ -18243,7 +18243,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
className="panel-block is-paddingless"
>
@@ -19298,7 +19298,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
className="panel-block is-paddingless"
>
@@ -19840,7 +19840,7 @@ exports[`Storyshots Diff OnClick 1`] = `
className="panel-block is-paddingless"
>
@@ -20455,7 +20455,7 @@ exports[`Storyshots Diff OnClick 1`] = `
className="panel-block is-paddingless"
>
@@ -21369,7 +21369,7 @@ exports[`Storyshots Diff OnClick 1`] = `
className="panel-block is-paddingless"
>
@@ -21847,7 +21847,7 @@ exports[`Storyshots Diff OnClick 1`] = `
className="panel-block is-paddingless"
>
@@ -22325,7 +22325,7 @@ exports[`Storyshots Diff OnClick 1`] = `
className="panel-block is-paddingless"
>
@@ -23456,7 +23456,7 @@ exports[`Storyshots Diff OnClick 1`] = `
className="panel-block is-paddingless"
>
@@ -24022,7 +24022,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
className="panel-block is-paddingless"
>
@@ -24690,7 +24690,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
className="panel-block is-paddingless"
>
@@ -25632,7 +25632,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
className="panel-block is-paddingless"
>
@@ -26132,7 +26132,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
className="panel-block is-paddingless"
>
@@ -26632,7 +26632,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
className="panel-block is-paddingless"
>
@@ -27856,7 +27856,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
className="panel-block is-paddingless"
>
@@ -28459,7 +28459,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
className="panel-block is-paddingless"
>
@@ -29034,7 +29034,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
className="panel-block is-paddingless"
>
@@ -29886,7 +29886,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
className="panel-block is-paddingless"
>
@@ -30334,7 +30334,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
className="panel-block is-paddingless"
>
@@ -30782,7 +30782,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
className="panel-block is-paddingless"
>
@@ -31837,7 +31837,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
className="panel-block is-paddingless"
>
diff --git a/scm-ui/ui-components/src/repos/TokenizedDiffView.tsx b/scm-ui/ui-components/src/repos/TokenizedDiffView.tsx
index cfa5232069..c012742dbd 100644
--- a/scm-ui/ui-components/src/repos/TokenizedDiffView.tsx
+++ b/scm-ui/ui-components/src/repos/TokenizedDiffView.tsx
@@ -44,9 +44,11 @@ const DiffView = styled(Diff)`
> .diff-gutter:empty:hover::after {
font-size: 0.7rem;
}
- /* smaller font size for code */
+ /* smaller font size for code and
+ ensure same monospace font throughout whole scmm */
& .diff-line {
font-size: 0.75rem;
+ font-family: "Courier New", Monaco, Menlo, "Ubuntu Mono", "source-code-pro", monospace;
}
/* comment padding for sidebyside view */
&.split .diff-widget-content .is-indented-line {
diff --git a/scm-ui/ui-styles/src/scm.scss b/scm-ui/ui-styles/src/scm.scss
index e799fe38e2..2b34ddf295 100644
--- a/scm-ui/ui-styles/src/scm.scss
+++ b/scm-ui/ui-styles/src/scm.scss
@@ -6,6 +6,7 @@ $blue: #33b2e8;
$cyan: $blue;
$green: #00c79b;
$blue-light: #98d8f3;
+$family-monospace: "Courier New", Monaco, Menlo, "Ubuntu Mono", "source-code-pro", monospace;
.is-ellipsis-overflow {
overflow: hidden;