agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-23 17:19:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #31732 from overleaf/mj-go-to-line-theme

Browse Source 
[web] Follow overall theme in go-to-line dialog

GitOrigin-RevId: f4f91133d786612bdb55fe775305185fab64afec
This commit is contained in:
Mathias Jakobsen
2026-02-23 10:26:50 +00:00
committed by Copybot
parent d7514feafe
commit 328546b07d
1 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
services/web/frontend/js/features/source-editor/extensions/go-to-line.ts
View File

@@ -25,9 +25,11 @@ const gotoLineTheme = EditorView.baseTheme({
'.cm-panel.cm-gotoLine': {
padding: '10px',
fontSize: '14px',
backgroundColor: 'var(--bg-secondary-themed)',
'& label': {
margin: 0,
fontSize: '14px',
color: 'var(--content-primary-themed)',
'& .cm-textfield': {
margin: '0 10px',
maxWidth: '100px',
@@ -35,19 +37,18 @@ const gotoLineTheme = EditorView.baseTheme({
padding: '5px 16px',
fontSize: '14px',
fontWeight: 'normal',
lineHeight: 'var(--line-height-base)',
color: 'var(--input-color)',
backgroundColor: '#fff',
color: 'var(--content-primary-themed)',
backgroundColor: 'var(--bg-primary-themed)',
border: '1px solid var(--border-primary-themed)',
backgroundImage: 'none',
borderRadius: 'var(--input-border-radius)',
borderRadius: 'var(--border-radius-full)',
boxShadow: 'inset 0 1px 1px rgb(0 0 0 / 8%)',
transition:
'border-color ease-in-out .15s, box-shadow ease-in-out .15s',
'&:focus-visible': {
outline: 'none',
},
'&:focus': {
borderColor: 'var(--input-border-focus)',
boxShadow:
'inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)',
},
},
},
@@ -55,13 +56,17 @@ const gotoLineTheme = EditorView.baseTheme({
padding: '4px 16px 5px',
textTransform: 'capitalize',
fontSize: '14px',
lineHeight: 'var(--line-height-base)',
userSelect: 'none',
backgroundImage: 'none',
backgroundColor: 'var(--btn-default-bg)',
borderRadius: 'var(--btn-border-radius-base)',
backgroundColor: 'var(--bg-secondary-themed)',
borderRadius: 'var(--border-radius-full)',
border: '0 solid transparent',
color: '#fff',
color: 'var(--content-primary-themed)',
fontWeight: '600',
transition: 'background-color ease-in-out .15s',
'&:hover': {
backgroundColor: 'var(--bg-tertiary-themed)',
},
},
},
})