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
Change comment: There is no comment for this version
To version 18.1
edited by wiki admin
on 2026/08/25 00:43
Change comment: There is no comment for this version

Summary

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}}