summaryrefslogtreecommitdiffstats
path: root/web_src/css/features/codeeditor.css
blob: 34a104c8338372253bab05d876f0939552ac6b71 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
.monaco-editor-container,
.editor-loading.is-loading {
  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;
}

/* fomantic styles destroy this element only visible on IOS, restore it */
.monaco-editor .iPadShowKeyboard {
  border: none !important;
  width: 58px !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  resize: none !important;
  overflow: hidden !important;
  border-radius: var(--border-radius-medium) !important;
}