client/src/components/entry.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
37
38
39
40
41
42
43
44

.entry {
	display: flex;
	width: 100%;
	gap: 5px;

	button {
		display: 0;
		background: none;
		border: none;
		cursor: pointer;
		font-weight: bold;

		opacity: 0;
	}

	.text {
	white-space: pre-wrap;
		border: 0;
		width: 100%;
		padding: 5px;
	}
	.text:focus {
		border: 0;
		outline: 0;

		background-color: #f9f9f9;
	}

	.text:empty:focus::before {
		content: "write something...";
		opacity: .3;
		font-style: italic;
	}
}

.entry:hover {
	button {
		opacity: .3;
	}

	button:hover {
		opacity: .5;
	}
}