Wijzigen voor document Huisstijl

Samenvatting

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

Details

XWiki.JavaScriptExtension[0]

code

...	...	@@ -41,26 +41,6 @@
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		-
64	64	function maakKaart(k) {
65	65	var kaart = document.createElement(k.link ? 'a' : 'div');
66	66	kaart.className = 'wb-kaart';
...	...	@@ -75,14 +75,13 @@
75	75	beeld.className = 'wb-kaart-beeld';
76	76	if (k.img) {
77	77	var img = document.createElement('img');
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);
	58	+ img.src = k.img.currentSrc || k.img.src;
80	80	img.alt = '';
81	81	img.loading = 'lazy';
82	82	img.decoding = 'async';
83	83	var geenBeeld = function () {
	63	+ beeld.classList.add('wb-kaart-geenbeeld');
84	84	img.remove();
85		- zetIcoon(beeld);
86	86	};
87	87	img.addEventListener('error', geenBeeld);
88	88	// Sommige externe sites geven bij een verdwenen afbeelding een leeg plaatje in plaats van een fout.
...	...	@@ -93,7 +93,7 @@
93	93	});
94	94	beeld.appendChild(img);
95	95	} else {
96		- zetIcoon(beeld);
	75	+ beeld.classList.add('wb-kaart-geenbeeld');
97	97	}
98	98	var titel = document.createElement('span');
99	99	titel.className = 'wb-kaart-titel';
...	...	@@ -127,27 +127,8 @@
127	127	Array.prototype.forEach.call(tabellen, function (tabel) {
128	128	try { verwerk(tabel); } catch (e) { /* bij een fout blijft de tabel gewoon zichtbaar */ }
129	129	});
130		- Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent ul.wikitoc'), eigenNummering);
131	131	}
132	132
133		- // Inhoudsopgave: staan de nummers al in de koppen ("2.1 Mogelijkheden"), dan geen tweede nummering ervoor.
134		- // Beslist per inhoudsopgave, zodat die in zijn geheel genummerd of ongenummerd is.
135		- function eigenNummering(toc) {
136		- var links = toc.querySelectorAll('a');
137		- if (!links.length) {
138		- return;
139		- }
140		- var genummerd = 0;
141		- Array.prototype.forEach.call(links, function (a) {
142		- if (/^\s*\d+(\.\d+)*\.?\s/.test(a.textContent || '')) {
143		- genummerd++;
144		- }
145		- });
146		- if (genummerd / links.length >= 0.6) {
147		- toc.classList.add('wb-toc-eigen-nummers');
148		- }
149		- }
150		-
151	151	// Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
152	152	function herstel() {
153	153	Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -249,11 +249,6 @@
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		-}
257	257	#xwikicontent ul.wikitoc > li:not(.nodirectchild),
258	258	#xwikicontent ul.wikitoc > li.nodirectchild > ul > li {
259	259	margin-top: 10px;
...	...	@@ -845,65 +845,6 @@
845	845	text-indent: 0 !important;
846	846	}
847	847
848		-/* ---------- Overzicht van onderliggende pagina's (startpagina van een onderdeel) ---------- */
849		-
850		-.wb-overzicht {
851		- list-style: none;
852		- display: grid;
853		- grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
854		- gap: 10px;
855		- margin: 14px 0 28px;
856		- padding: 0;
857		-}
858		-.wb-overzicht li {
859		- margin: 0;
860		-}
861		-#body #xwikicontent .wb-overzicht a {
862		- display: flex;
863		- align-items: center;
864		- gap: 12px;
865		- height: 100%;
866		- padding: 12px 14px;
867		- border: 1px solid #e8eaed;
868		- border-radius: 10px;
869		- background: #ffffff;
870		- color: #202124;
871		- text-decoration: none;
872		- transition: border-color .15s ease, box-shadow .15s ease;
873		-}
874		-#body #xwikicontent .wb-overzicht a:hover,
875		-#body #xwikicontent .wb-overzicht a:focus {
876		- border-color: #ffb447;
877		- box-shadow: 0 2px 10px rgba(31, 35, 40, .08);
878		-}
879		-.wb-overzicht-icoon {
880		- flex: none;
881		- width: 36px;
882		- height: 36px;
883		- display: flex;
884		- align-items: center;
885		- justify-content: center;
886		- border-radius: 50%;
887		- background: #ffefd5;
888		- color: #b86e00;
889		- font-size: 16px;
890		- text-align: center;
891		-}
892		-.wb-overzicht strong {
893		- display: block;
894		- font-weight: 500;
895		- line-height: 1.3;
896		-}
897		-.wb-overzicht small {
898		- display: block;
899		- margin-top: 2px;
900		- font-size: 13px;
901		- color: #5f6368;
902		-}
903		-.wb-overzicht-leeg {
904		- color: #5f6368;
905		-}
906		-
907	907	/* ---------- Telefoon ---------- */
908	908
909	909	@media (max-width: 767px) {
...	...	@@ -956,7 +956,7 @@
956	956	}
957	957	#xwikicontent .xwiki-livetable-display-header th,
958	958	#xwikicontent .xwiki-livetable-display-body td {
959		- padding: 6px 7px;
	895	+ padding: 6px 8px;
960	960	}
961	961	#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td {
962	962	word-break: normal;
...	...	@@ -965,7 +965,7 @@
965	965	}
966	966	#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL,
967	967	#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL {
968		- max-width: 140px;
	904	+ max-width: 160px;
969	969	white-space: nowrap;
970	970	overflow: hidden;
971	971	text-overflow: ellipsis;