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,18 @@
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	+
44	44	function zetIcoon(beeld) {
45	45	beeld.classList.add('wb-kaart-geenbeeld');
46	46	var icoon = document.createElement('span');
...	...	@@ -63,7 +63,8 @@
63	63	beeld.className = 'wb-kaart-beeld';
64	64	if (k.img) {
65	65	var img = document.createElement('img');
66		- 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);
67	67	img.alt = '';
68	68	img.loading = 'lazy';
69	69	img.decoding = 'async';
...	...	@@ -114,8 +114,27 @@
114	114	Array.prototype.forEach.call(tabellen, function (tabel) {
115	115	try { verwerk(tabel); } catch (e) { /* bij een fout blijft de tabel gewoon zichtbaar */ }
116	116	});
	130	+ Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent ul.wikitoc'), eigenNummering);
117	117	}
118	118
	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	+
119	119	// Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
120	120	function herstel() {
121	121	Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });

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;
...	...	@@ -840,6 +840,65 @@
840	840	text-indent: 0 !important;
841	841	}
842	842
	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	+
843	843	/* ---------- Telefoon ---------- */
844	844
845	845	@media (max-width: 767px) {
...	...	@@ -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;
	959	+ 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;
	968	+ max-width: 140px;
905	905	white-space: nowrap;
906	906	overflow: hidden;
907	907	text-overflow: ellipsis;