Skip to Content

Wijzigen voor document Huisstijl

Laatst gewijzigd door Jeeves de Butler op 07-10-2026 01:56
Van versie 19.1
gewijzigd door Jeeves de Butler
op 05-10-2026 04:11
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 22.1
gewijzigd door Jeeves de Butler
op 05-10-2026 07:36
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

Details

XWiki.JavaScriptExtension[0]
code
... ... @@ -128,8 +128,29 @@
128 128   try { verwerk(tabel); } catch (e) { /* bij een fout blijft de tabel gewoon zichtbaar */ }
129 129   });
130 130   Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent ul.wikitoc'), eigenNummering);
131 + Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wbrb img'), scherpInfovak);
131 131   }
132 132  
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 +
133 133   // Inhoudsopgave: staan de nummers al in de koppen ("2.1 Mogelijkheden"), dan geen tweede nummering ervoor.
134 134   // Beslist per inhoudsopgave, zodat die in zijn geheel genummerd of ongenummerd is.
135 135   function eigenNummering(toc) {
... ... @@ -152,6 +152,10 @@
152 152   function herstel() {
153 153   Array.prototype.forEach.call(document.querySelectorAll('#xwikicontent .wb-kaarten'), function (r) { r.remove(); });
154 154   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 + });
155 155   }
156 156  
157 157   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 - width: 30%;
114 - min-width: 260px;
115 - max-width: 340px;
114 + width: 26%;
115 + min-width: 280px;
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;