oppi.li
1.monaco-editor-container,
2.editor-loading.is-loading {
3 width: 100%;
4 min-height: 200px;
5 height: 90vh;
6}
7
8.edit.githook .monaco-editor-container {
9 border: 1px solid var(--color-secondary);
10 height: 70vh;
11}
12
13/* overwrite conflicting styles from fomantic */
14.monaco-editor-container .inputarea {
15 min-height: 0 !important;
16 margin: 0 !important;
17 padding: 0 !important;
18 resize: none !important;
19 border: none !important;
20 color: transparent !important;
21 background-color: transparent !important;
22}
23
24/* these seem unthemeable */
25.monaco-scrollable-element > .scrollbar > .slider {
26 background: var(--color-primary) !important;
27}
28.monaco-scrollable-element > .scrollbar > .slider:hover {
29 background: var(--color-primary-dark-1) !important;
30}
31.monaco-scrollable-element > .scrollbar > .slider:active {
32 background: var(--color-primary-dark-2) !important;
33}
34
35/* fomantic styles destroy this element only visible on IOS, restore it */
36.monaco-editor .iPadShowKeyboard {
37 border: none !important;
38 width: 58px !important;
39 min-width: 0 !important;
40 height: 36px !important;
41 min-height: 0 !important;
42 margin: 0 !important;
43 padding: 0 !important;
44 position: absolute !important;
45 resize: none !important;
46 overflow: hidden !important;
47 border-radius: var(--border-radius-medium) !important;
48}