github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Use EditorView.theme for the history diff viewer styles (#17156)

Browse source 
GitOrigin-RevId: e52519b392395ed740de5932a59fe35321200d5a
This commit is contained in:
Alf Eaton 2024-02-21 11:33:13 +00:00 committed by Copybot
parent 40df262815
commit ed57b5a479
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
services/web/frontend/js/features/history/extensions/theme.ts
View file

@ -47,7 +47,7 @@ const createThemeFromOptions = ({
}),
// Set variables for tooltips, which are outside the editor
// TODO: set these on document.body, or a new container element for the tooltips, without using a style mod
EditorView.baseTheme({
EditorView.theme({
'.cm-tooltip': {
'--font-size': `${fontSize}px`,
'--source-font-family': fontFamilyValue,
@ -56,11 +56,12 @@ const createThemeFromOptions = ({
]
}
const baseTheme = EditorView.baseTheme({
const baseTheme = EditorView.theme({
'.cm-content': {
fontSize: 'var(--font-size)',
fontFamily: 'var(--source-font-family)',
lineHeight: 'var(--line-height)',
color: '#000',
},
'.cm-gutters': {
fontSize: 'var(--font-size)',

1
services/web/frontend/stylesheets/app/editor/history-react.less
View file

@ -392,7 +392,6 @@ history-root {
display: flex;
flex-direction: column;
position: relative;
color: #000;
.cm-viewer-container,
.cm-editor {