ckeditor5/docs/_snippets/features/feature-digest.html at 6b4bcb3a1967bc2bb126d12293ec1f30ae9eb6ac · ckeditor/ckeditor5 · 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
<style>
	table.feature-digest {
  		border-collapse: initial;
	}

	table.feature-digest tr:last-child > td {
		border-bottom-color: #000;
	}

	.feature-digest tr.subfeature > td:first-child > span {
		margin-left: 12px;
	}

	.feature-digest tr.feature > td:first-child {
		width: 280px;
		border-top-color: #000;
		border-left-color: #000;
	}

	.feature-digest tr.feature > td:last-child {
		border-top-color: #000;
		border-right-color: #000;
	}

	.feature-digest tr.subfeature > td:first-child {
		border-left-color: #000;
	}

	.feature-digest tr.subfeature > td:last-child {
		border-right-color: #000;
	}

	.feature-digest tr.subfeature > td:first-child > span {
		display: flex;
		align-items: center;
		margin-left: 12px;
	}

	.feature-digest .subfeature-icon::before {
		content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.97241 6.09277C6.38663 6.09277 6.72241 6.42856 6.72241 6.84277V10.177C6.72241 10.315 6.83434 10.427 6.97241 10.427H12.2592L11.4921 9.64526C11.202 9.34963 11.2065 8.87477 11.5021 8.58465C11.7977 8.29453 12.2726 8.299 12.5627 8.59463L14.4045 10.4715C14.4573 10.5022 14.5071 10.5399 14.5527 10.5847C14.7072 10.7363 14.7822 10.9384 14.7772 11.139C14.7822 11.3395 14.7072 11.5416 14.5527 11.6933C14.5071 11.738 14.4573 11.7757 14.4045 11.8065L12.5627 13.6833C12.2726 13.9789 11.7977 13.9834 11.5021 13.6933C11.2065 13.4031 11.202 12.9283 11.4921 12.6326L12.1846 11.927H6.97241C6.00591 11.927 5.22241 11.1435 5.22241 10.177V6.84277C5.22241 6.42856 5.5582 6.09277 5.97241 6.09277Z" fill="%23333333"/></svg>');
		display: inline-block;
		width: 20px;
		height: 20px;
	}

	.feature-digest tr.feature > td:first-child a:hover .tree__item__badge_new {
		text-decoration: underline;
		text-decoration-color: #8bc34a;
		text-decoration-thickness: 2px;
	}

	.feature-digest .background-gray {
		background-color: #F5F5F5;
	}
</style>