Wijzigen voor document Huisstijl

Samenvatting

• Objecten (2 gewijzigd, 0 toegevoegd, 0 verwijderd)
  • XWiki.JavaScriptExtension[0]
  • XWiki.StyleSheetExtension[0]

Details

XWiki.JavaScriptExtension[0]

code

...	...	@@ -41,6 +41,26 @@
41	41	return kaarten;
42	42	}
43	43
	44	+ // Adres van de oorspronkelijke afbeelding: zonder de width- en height-parameters waarmee XWiki verkleint.
	45	+ function origineel(src) {
	46	+ try {
	47	+ var url = new URL(src, window.location.href);
	48	+ url.searchParams.delete('width');
	49	+ url.searchParams.delete('height');
	50	+ return url.toString();
	51	+ } catch (e) {
	52	+ return src;
	53	+ }
	54	+ }
	55	+
	56	+ function zetIcoon(beeld) {
	57	+ beeld.classList.add('wb-kaart-geenbeeld');
	58	+ var icoon = document.createElement('span');
	59	+ icoon.className = 'fa fa-book wb-kaart-icoon';
	60	+ icoon.setAttribute('aria-hidden', 'true');
	61	+ beeld.appendChild(icoon);
	62	+ }
	63	+
44	44	function maakKaart(k) {
45	45	var kaart = document.createElement(k.link ? 'a' : 'div');
46	46	kaart.className = 'wb-kaart';
...	...	@@ -55,13 +55,14 @@
55	55	beeld.className = 'wb-kaart-beeld';
56	56	if (k.img) {
57	57	var img = document.createElement('img');
58		- img.src = k.img.currentSrc || k.img.src;
	78	+ // Het origineel laden in plaats van de door XWiki verkleinde versie (?width=…&height=…), zodat grote kaarten scherp zijn.
	79	+ img.src = origineel(k.img.currentSrc || k.img.src);
59	59	img.alt = '';
60	60	img.loading = 'lazy';
61	61	img.decoding = 'async';
62	62	var geenBeeld = function () {
63		- beeld.classList.add('wb-kaart-geenbeeld');
64	64	img.remove();
	85	+ zetIcoon(beeld);
65	65	};
66	66	img.addEventListener('error', geenBeeld);
67	67	// Sommige externe sites geven bij een verdwenen afbeelding een leeg plaatje in plaats van een fout.
...	...	@@ -72,7 +72,7 @@
72	72	});
73	73	beeld.appendChild(img);
74	74	} else {
75		- beeld.classList.add('wb-kaart-geenbeeld');
	96	+ zetIcoon(beeld);
76	76	}
77	77	var titel = document.createElement('span');
78	78	titel.className = 'wb-kaart-titel';

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -249,6 +249,11 @@
249	249	color: #80868b;
250	250	font-variant-numeric: tabular-nums;
251	251	}
	252	+/* Koppen die zelf al genummerd zijn ("2.1 Mogelijkheden"): het script zet deze class, dan geen tweede nummer */
	253	+#xwikicontent ul.wikitoc.wb-toc-eigen-nummers li > .wikilink::before,
	254	+#xwikicontent ul.wikitoc.wb-toc-eigen-nummers ul li > .wikilink::before {
	255	+ content: none;
	256	+}
252	252	#xwikicontent ul.wikitoc > li:not(.nodirectchild),
253	253	#xwikicontent ul.wikitoc > li.nodirectchild > ul > li {
254	254	margin-top: 10px;
...	...	@@ -764,13 +764,13 @@
764	764	.wb-kaart:hover .wb-kaart-beeld img {
765	765	transform: scale(1.03);
766	766	}
767		-.wb-kaart-geenbeeld::before {
768		- content: "02d";
	772	+/* Geen of verdwenen afbeelding: het script zet er een boekpictogram in (geen backslash-codes in deze CSS:
	773	+ de CSS-verkleiner van XWiki breekt die, en dan valt de rest van het bestand weg). */
	774	+.wb-kaart-icoon {
769	769	position: absolute;
770	770	top: 50%;
771	771	left: 50%;
772	772	transform: translate(-50%, -50%);
773		- font-family: FontAwesome;
774	774	font-size: 34px;
775	775	color: #b86e00;
776	776	opacity: .5;
...	...	@@ -892,7 +892,7 @@
892	892	}
893	893	#xwikicontent .xwiki-livetable-display-header th,
894	894	#xwikicontent .xwiki-livetable-display-body td {
895		- padding: 6px 8px;
	900	+ padding: 6px 7px;
896	896	}
897	897	#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td {
898	898	word-break: normal;
...	...	@@ -901,7 +901,7 @@
901	901	}
902	902	#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL,
903	903	#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL {
904		- max-width: 160px;
	909	+ max-width: 140px;
905	905	white-space: nowrap;
906	906	overflow: hidden;
907	907	text-overflow: ellipsis;