Changes for page Alder Support Center
Last modified by superadmin on 2026/09/01 18:27
From version 15.1
edited by wiki admin
on 2026/08/25 00:36
on 2026/08/25 00:36
Change comment:
There is no comment for this version
To version 18.1
edited by wiki admin
on 2026/08/25 00:43
on 2026/08/25 00:43
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -29,7 +29,7 @@ 29 29 ## page looks complete, but a customer clicking a card 30 30 ## lands on an empty space. Only set this true if you are 31 31 ## about to publish into these categories anyway. 32 -#set($showEmpty = false)32 +#set($showEmpty = true) 33 33 34 34 #set($cats = [ 35 35 {'space': 'Tech Support', ... ... @@ -84,6 +84,14 @@ 84 84 above it. Scoped to this page by living in this page's content. */ 85 85 #document-title{display:none} 86 86 #xwikicontent > p:empty{display:none} 87 + 88 +/* The card title is a link now (see the note by the card markup below), and 89 + without this it renders as blue underlined body text rather than a heading. 90 + Kept here rather than in the theme stylesheet so this page needs no second 91 + deploy to look right. */ 92 +.alder-cat h3 a{color:inherit;text-decoration:none} 93 +.alder-cat h3 a:hover{color:var(--link);text-decoration:none} 94 +.alder-cat h3{margin:0 0 6px} 87 87 </style> 88 88 89 89 <div class="alder-hero"> ... ... @@ -110,19 +110,27 @@ 110 110 == Browse by topic == 111 111 112 112 {{html clean="false"}} 121 +## The card is a DIV, and only the title is a link. 122 +## 123 +## It was an anchor wrapping the whole card, which is what a card wants to be. 124 +## XWiki's HTML cleaner will not have it: an anchor may not contain block 125 +## elements such as headings and paragraphs, so the cleaner split the anchor 126 +## into several, rebuilt the inner nodes, and the class attributes the 127 +## stylesheet keys on went with them. The visible symptom was every line of the 128 +## card underlined as its own separate link, with no card, no icon tile and no 129 +## grid. 130 +## 131 +## Do not "improve" this back into a wrapping anchor. 113 113 <div class="alder-cats"> 114 114 #foreach($c in $live) 115 - <a class="alder-cat" href="$xwiki.getURL("${c.space}.WebHome")" style="--c:$c.c;--t:$c.t"> 116 - <span class="alder-cat-ico"> 117 - <svg viewBox="0 0 24 24" width="21" height="21" fill="none" stroke="$c.c" 118 - stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="$c.d"/></svg> 119 - </span> 120 - <h3>$c.label</h3> 134 + <div class="alder-cat" style="--c:$c.c;--t:$c.t"> 135 + <span class="alder-cat-ico"><svg viewBox="0 0 24 24" width="21" height="21" fill="none" stroke="$c.c" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="$c.d"/></svg></span> 136 + <h3><a href="$xwiki.getURL("${c.space}.WebHome")">$c.label</a></h3> 121 121 <p>$c.blurb</p> 122 122 #if($c.n > 0) 123 123 <span class="alder-cat-count">$c.n article#if($c.n != 1)s#end</span> 124 124 #end 125 - </ a>141 + </div> 126 126 #end 127 127 </div> 128 128 {{/html}}