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>tokarchuk/v1.17
parent
05b7e32829
commit
4eea819b24
@ -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; |
||||
} |
Loading…
Reference in new issue