Wijzigen voor document Huisstijl

Samenvatting

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

Details

XWiki.JavaScriptExtension[0]

code

...	...	@@ -127,12 +127,56 @@
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	+ Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wbrb img'), scherpInfovak);
130	130	}
131	131
	134	+ // Infovak: het origineel tonen in plaats van de kleine XWiki-verkleining, zodat de afbeelding op een breed scherm scherp blijft.
	135	+ // Bij een fout terug naar de verkleining. Het oude adres blijft bewaard voor herstel().
	136	+ function scherpInfovak(img) {
	137	+ var src = img.getAttribute('src') || '';
	138	+ if (img.hasAttribute('data-wb-src') || !/[?&](width|height)=/.test(src)) {
	139	+ return;
	140	+ }
	141	+ var groot = origineel(src);
	142	+ if (groot === src) {
	143	+ return;
	144	+ }
	145	+ img.setAttribute('data-wb-src', src);
	146	+ img.addEventListener('error', function terug() {
	147	+ img.removeEventListener('error', terug);
	148	+ img.setAttribute('src', src);
	149	+ });
	150	+ img.removeAttribute('srcset');
	151	+ img.setAttribute('src', groot);
	152	+ }
	153	+
	154	+ // Inhoudsopgave: staan de nummers al in de koppen ("2.1 Mogelijkheden"), dan geen tweede nummering ervoor.
	155	+ // Beslist per inhoudsopgave, zodat die in zijn geheel genummerd of ongenummerd is.
	156	+ function eigenNummering(toc) {
	157	+ var links = toc.querySelectorAll('a');
	158	+ if (!links.length) {
	159	+ return;
	160	+ }
	161	+ var genummerd = 0;
	162	+ Array.prototype.forEach.call(links, function (a) {
	163	+ if (/^\s*\d+(\.\d+)*\.?\s/.test(a.textContent || '')) {
	164	+ genummerd++;
	165	+ }
	166	+ });
	167	+ if (genummerd / links.length >= 0.6) {
	168	+ toc.classList.add('wb-toc-eigen-nummers');
	169	+ }
	170	+ }
	171	+
132	132	// Bij wijzigen op de pagina zelf: eerst de oorspronkelijke tabel terug, zodat de editor nooit de kaarten ziet.
133	133	function herstel() {
134	134	Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });
135	135	Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent table.wb-vervangen'), function (t) { t.classList.remove('wb-vervangen'); });
	176	+ Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wbrb img[data-wb-src]'), function (img) {
	177	+ img.setAttribute('src', img.getAttribute('data-wb-src'));
	178	+ img.removeAttribute('data-wb-src');
	179	+ });
136	136	}
137	137
138	138	if (typeof window.require === 'function') {

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -109,10 +109,11 @@
109	109
110	110	/* ---------- Infovak rechts (wbrechts) ---------- */
111	111
	112	+/* Groeit mee met de inhoudskolom: op een laptop als voorheen, op brede schermen ruimer voor de afbeelding */
112	112	.floatinginfobox.wbrechts {
113	113	width: 30%;
114	114	min-width: 260px;
115		- max-width: 340px;
	116	+ max-width: 460px;
116	116	margin: 0 0 16px 28px;
117	117	padding: 14px;
118	118	border: 1px solid #e8eaed;
...	...	@@ -128,9 +128,10 @@
128	128	text-align: center;
129	129	margin-bottom: 12px;
130	130	}
	132	+/* Nooit groter dan het origineel, zodat logo's klein en scherp blijven */
131	131	.wbrb img {
132	132	max-width: 100%;
133		- max-height: 150px;
	135	+ max-height: 280px;
134	134	width: auto;
135	135	height: auto;
136	136	border-radius: 10px;
...	...	@@ -665,7 +665,7 @@
665	665	min-width: 0;
666	666	margin: 0 0 20px;
667	667	display: grid;
668		- grid-template-columns: 150px minmax(0, 1fr);
	670	+ grid-template-columns: 220px minmax(0, 1fr);
669	669	column-gap: 18px;
670	670	align-items: start;
671	671	}
...	...	@@ -674,7 +674,7 @@
674	674	margin: 0;
675	675	}
676	676	.floatinginfobox.wbrechts > .wbrb img {
677		- max-height: 120px;
	679	+ max-height: 170px;
678	678	}
679	679	.floatinginfobox.wbrechts > *:not(.wbrb) {
680	680	grid-column: 2;
...	...	@@ -845,6 +845,65 @@
845	845	text-indent: 0 !important;
846	846	}
847	847
	850	+/* ---------- Overzicht van onderliggende pagina's (startpagina van een onderdeel) ---------- */
	851	+
	852	+.wb-overzicht {
	853	+ list-style: none;
	854	+ display: grid;
	855	+ grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	856	+ gap: 10px;
	857	+ margin: 14px 0 28px;
	858	+ padding: 0;
	859	+}
	860	+.wb-overzicht li {
	861	+ margin: 0;
	862	+}
	863	+#body #xwikicontent .wb-overzicht a {
	864	+ display: flex;
	865	+ align-items: center;
	866	+ gap: 12px;
	867	+ height: 100%;
	868	+ padding: 12px 14px;
	869	+ border: 1px solid #e8eaed;
	870	+ border-radius: 10px;
	871	+ background: #ffffff;
	872	+ color: #202124;
	873	+ text-decoration: none;
	874	+ transition: border-color .15s ease, box-shadow .15s ease;
	875	+}
	876	+#body #xwikicontent .wb-overzicht a:hover,
	877	+#body #xwikicontent .wb-overzicht a:focus {
	878	+ border-color: #ffb447;
	879	+ box-shadow: 0 2px 10px rgba(31, 35, 40, .08);
	880	+}
	881	+.wb-overzicht-icoon {
	882	+ flex: none;
	883	+ width: 36px;
	884	+ height: 36px;
	885	+ display: flex;
	886	+ align-items: center;
	887	+ justify-content: center;
	888	+ border-radius: 50%;
	889	+ background: #ffefd5;
	890	+ color: #b86e00;
	891	+ font-size: 16px;
	892	+ text-align: center;
	893	+}
	894	+.wb-overzicht strong {
	895	+ display: block;
	896	+ font-weight: 500;
	897	+ line-height: 1.3;
	898	+}
	899	+.wb-overzicht small {
	900	+ display: block;
	901	+ margin-top: 2px;
	902	+ font-size: 13px;
	903	+ color: #5f6368;
	904	+}
	905	+.wb-overzicht-leeg {
	906	+ color: #5f6368;
	907	+}
	908	+
848	848	/* ---------- Telefoon ---------- */
849	849
850	850	@media (max-width: 767px) {
...	...	@@ -856,7 +856,7 @@
856	856	margin: 0 0 16px;
857	857	}
858	858	.wbrb img {
859		- max-height: 110px;
	920	+ max-height: 200px;
860	860	}
861	861	#xwikicontent table:not(.wbinfotab table) {
862	862	display: block;