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 #27079 from overleaf/mj-base-theme-extraction

Browse Source 
[web] Extract breadcrumbs theme to constant

GitOrigin-RevId: 55d65597a85a7da5cf5506caf8e13d4e2977fb1f
This commit is contained in:
David
2025-07-15 09:58:48 +01:00
committed by Copybot
parent 21c4aaa525
commit ffd6f258ad
1 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
services/web/frontend/js/features/source-editor/extensions/breadcrumbs-panel.ts
View File

@@ -1,5 +1,35 @@
import { EditorView } from '@codemirror/view'
const breadcrumbsTheme = EditorView.baseTheme({
'.ol-cm-breadcrumbs-portal': {
display: 'flex',
pointerEvents: 'none !important',
'& > *': {
pointerEvents: 'all',
},
},
'.ol-cm-breadcrumbs': {
height: 'var(--breadcrumbs-height)',
flex: 1,
display: 'flex',
alignItems: 'center',
gap: 'var(--spacing-01)',
fontSize: 'var(--font-size-01)',
padding: 'var(--spacing-02)',
overflow: 'auto',
scrollbarWidth: 'thin',
'& > *': {
flexShrink: '0',
},
},
'&light .ol-cm-breadcrumb-chevron': {
color: 'var(--neutral-30)',
},
'&dark .ol-cm-breadcrumb-chevron': {
color: 'var(--neutral-50)',
},
})
/**
* A panel which contains the editor breadcrumbs
*/
@@ -8,34 +38,6 @@ export function breadcrumbPanel() {
EditorView.editorAttributes.of({
style: '--breadcrumbs-height: 28px;',
}),
EditorView.baseTheme({
'.ol-cm-breadcrumbs-portal': {
display: 'flex',
pointerEvents: 'none !important',
'& > *': {
pointerEvents: 'all',
},
},
'.ol-cm-breadcrumbs': {
height: 'var(--breadcrumbs-height)',
flex: 1,
display: 'flex',
alignItems: 'center',
gap: 'var(--spacing-01)',
fontSize: 'var(--font-size-01)',
padding: 'var(--spacing-02)',
overflow: 'auto',
scrollbarWidth: 'thin',
'& > *': {
flexShrink: '0',
},
},
'&light .ol-cm-breadcrumb-chevron': {
color: 'var(--neutral-30)',
},
'&dark .ol-cm-breadcrumb-chevron': {
color: 'var(--neutral-50)',
},
}),
breadcrumbsTheme,
]
}