github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-22 02:18:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Move tooltip styles to EditorView.theme (#22069)

Browse source 
GitOrigin-RevId: b4495732d8f72f18b00f32fe952251391258f5d6
This commit is contained in:
Alf Eaton 2024-11-25 11:01:27 +00:00 • committed by Copybot
parent 6d6477401e
commit a773a63c2a
1 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
services/web/frontend/js/features/history/extensions/highlights.ts
View file

@ -74,6 +74,16 @@ function highlightedLines(highlights: Highlight[], state: EditorState) {
return lineStatuses
}
const tooltipTheme = EditorView.theme({
'.cm-tooltip': {
backgroundColor: 'transparent',
borderWidth: 0,
// Prevent a tooltip getting in the way of hovering over a line that it
// obscures
pointerEvents: 'none',
},
})
const theme = EditorView.baseTheme({
['.' + ADDITION_MARKER_CLASS]: {
paddingTop: 'var(--half-leading)',
@ -84,14 +94,7 @@ const theme = EditorView.baseTheme({
textDecoration: 'line-through',
color: 'hsl(var(--hue), 70%, 40%)',
},
'.cm-tooltip': {
backgroundColor: 'transparent',
borderWidth: 0,
// Prevent a tooltip getting in the way of hovering over a line that it
// obscures
pointerEvents: 'none',
},
'.ol-cm-highlight-tooltip': {
'.cm-tooltip.ol-cm-highlight-tooltip': {
backgroundColor: 'hsl(var(--hue), 70%, 50%)',
borderRadius: '4px',
padding: '4px',
@ -389,6 +392,7 @@ export const highlightDecorationsField =
),
EditorView.decorations.from(field, value => value.lineHighlights),
theme,
tooltipTheme,
highlightTooltipPlugin,
],
})