static/widgets/editable/index.css


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

#container {
	width: 100%;
	background: var(--card-background);
	box-shadow: var(--shadow);
	border-radius: var(--border-radius);
	display: grid;
	grid-template-columns: min-content auto min-content;
}

#container label {
	user-select: none;
	font-weight: bold;
	background: var(--primary);
	color: var(--fg-primary);
	align-content: center;
	padding: 10px;
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

#container input {
	background: var(--card-background);
	user-select: none;
	font-size: 1em;
}

#container input:read-only {
	caret-color: transparent;
}

#edit {
	width: 35px;
	padding: 10px;
	cursor: pointer;
}