vault-code/styles.css at main · hlibkoval/vault-code · GitHub

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
.workspace-leaf-content[data-type="vault-terminal"] .view-content {
	overflow: clip;
	display: flex;
	flex-direction: column;
}

.vault-terminal {
	height: 100%;
	min-height: 0;
	display: flex;
	flex-direction: column;
	padding: 8px 12px;
	padding-bottom: calc(8px + var(--status-bar-height, 0px) + env(safe-area-inset-bottom, 0px));
	box-sizing: border-box;
	background-color: var(--background-secondary);
	overflow: hidden;
}

.vault-terminal-host {
	flex: 1;
	min-height: 0;
	overflow: hidden;
	position: relative;
	background-color: var(--background-secondary);
	overscroll-behavior: contain;
}

.vault-terminal-host .xterm {
	height: 100%;
	/* DO NOT add padding here - it breaks xterm canvas character positioning */
	background-color: var(--background-secondary) !important;
}

.vault-terminal-host .xterm .xterm-screen {
	background-color: var(--background-secondary) !important;
}

.vault-terminal-host .xterm-viewport {
	overflow-y: auto !important;
	background-color: var(--background-secondary) !important;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

/* Settings: env vars textarea */
.vault-code-env-setting {
	flex-direction: column;
	align-items: flex-start;
}

.vault-code-env-setting .setting-item-control {
	width: 100%;
}

.vault-code-env-textarea {
	font-family: var(--font-monospace);
	width: 100%;
}

/* Keep the hidden textarea from stealing layout/focus scroll */
.vault-terminal-host .xterm .xterm-helper-textarea {
	position: fixed !important;
	left: -10000px !important;
	top: 0 !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
}