Skip to Content

Wijzigen voor document Huisstijl

Laatst gewijzigd door Jeeves de Butler op 07-10-2026 01:56
Van versie 11.1
gewijzigd door Jeeves de Butler
op 05-10-2026 03:40
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 17.1
gewijzigd door Jeeves de Butler
op 05-10-2026 03:49
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

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
... ... @@ -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";
767 +/* Geen of verdwenen afbeelding: het script zet er een boekpictogram in (geen backslash-codes in deze CSS:
768 + de CSS-verkleiner van XWiki breekt die, en dan valt de rest van het bestand weg). */
769 +.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,22 +892,22 @@
892 892  }
893 893  #xwikicontent .xwiki-livetable-display-header th,
894 894  #xwikicontent .xwiki-livetable-display-body td {
895 - padding: 6px 8px;
895 + padding: 6px 7px;
896 896  }
897 -.xwiki-livetable-display-body td {
897 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td {
898 898   word-break: normal;
899 899   overflow-wrap: break-word;
900 900   hyphens: manual;
901 901  }
902 -.xwiki-livetable-display-body td.URL,
903 -.xwiki-livetable-display-body td.DOWNLOADURL {
904 - max-width: 160px;
902 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL,
903 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL {
904 + max-width: 140px;
905 905   white-space: nowrap;
906 906   overflow: hidden;
907 907   text-overflow: ellipsis;
908 908  }
909 -.xwiki-livetable-display-body td.URL:hover,
910 -.xwiki-livetable-display-body td.DOWNLOADURL:hover {
909 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.URL:hover,
910 +#xwikicontent table.xwiki-livetable .xwiki-livetable-display-body td.DOWNLOADURL:hover {
911 911   white-space: normal;
912 912   overflow-wrap: anywhere;
913 913  }