diff options
| author | silverwind <me@silverwind.io> | 2021-04-08 11:53:00 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-08 17:53:00 +0800 |
| commit | 4eea819b2496b849ca8e1e7a6e11fef45e141225 (patch) | |
| tree | 07d8d6e1be0b4b68a3a5b394f2d468acb0e2af7d /web_src/less/features | |
| parent | 05b7e328297142c7ddb888339901524708472a3a (diff) | |
| download | gitea-4eea819b2496b849ca8e1e7a6e11fef45e141225.tar.gz gitea-4eea819b2496b849ca8e1e7a6e11fef45e141225.zip | |
Monaco improvements (#15333)
- Create theme at runtime which follows the CSS variables of the site
- Disable a few opinionated Monaco defaults like minimap and word highlights
- Move styles to separate file
Co-authored-by: zeripath <art27@cantab.net>
Diffstat (limited to 'web_src/less/features')
| -rw-r--r-- | web_src/less/features/codeeditor.less | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/web_src/less/features/codeeditor.less b/web_src/less/features/codeeditor.less new file mode 100644 index 0000000000..3bd290876f --- /dev/null +++ b/web_src/less/features/codeeditor.less @@ -0,0 +1,32 @@ +.monaco-editor-container { + width: 100%; + min-height: 200px; + height: 90vh; +} + +.edit.githook .monaco-editor-container { + border: 1px solid var(--color-secondary); + height: 70vh; +} + +/* overwrite conflicting styles from fomantic */ +.monaco-editor-container .inputarea { + min-height: 0 !important; + margin: 0 !important; + padding: 0 !important; + resize: none !important; + border: none !important; + color: transparent !important; + background-color: transparent !important; +} + +/* these seem unthemeable */ +.monaco-scrollable-element > .scrollbar > .slider { + background: var(--color-primary) !important; +} +.monaco-scrollable-element > .scrollbar > .slider:hover { + background: var(--color-primary-dark-1) !important; +} +.monaco-scrollable-element > .scrollbar > .slider:active { + background: var(--color-primary-dark-2) !important; +} |