yaos/styles.css at main · linuxcontainers/yaos · 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
/*
 * Vault CRDT sync - status bar styling
 */

.vault-crdt-sync-status {
	font-size: 11px;
	opacity: 0.8;
}

/*
 * Remote cursor / selection styling (y-codemirror.next)
 *
 * Hidden by default. Shown when body has .vault-crdt-show-cursors
 * (controlled by the "Show remote cursors" setting).
 *
 * Class names from y-codemirror.next:
 *   .cm-ySelection       - selection highlight (inline)
 *   .cm-yLineSelection   - full-line selection
 *   .cm-ySelectionCaret  - cursor caret container
 *   .cm-ySelectionCaretDot - dot on top of caret
 *   .cm-ySelectionInfo   - name label (intentionally hidden to avoid
 *                         looking like inserted document text)
 */

/* Hide by default */
.cm-ySelection,
.cm-yLineSelection,
.cm-ySelectionCaret {
	display: none !important;
}

/* When enabled, show cursors with styling */
.vault-crdt-show-cursors .cm-ySelection {
	display: inline !important;
	opacity: 0.4;
}

.vault-crdt-show-cursors .cm-yLineSelection {
	display: block !important;
	opacity: 0.4;
}

.vault-crdt-show-cursors .cm-ySelectionCaret {
	display: inline !important;
	position: relative;
	border-left: 2px solid;
	border-color: inherit;
	margin-left: -1px;
	margin-right: -1px;
}

.vault-crdt-show-cursors .cm-ySelectionCaretDot {
	border-radius: 50%;
	position: absolute;
	width: 6px;
	height: 6px;
	top: -3px;
	left: -3px;
	background-color: inherit;
}

.vault-crdt-show-cursors .cm-ySelectionInfo {
	display: none !important;
}