Changes for page APIMacro

Last modified by jklein on 2025/06/24 11:07

From version 28.3
edited by jklein
on 2025/06/02 14:02
Change comment: There is no comment for this version
To version 30.2
edited by jklein
on 2025/06/02 14:39
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,10 +1,20 @@
1 1  .showhide-header {
2 -
2 + border: 1px solid #ccc;
3 + background-color: #f7f7f7;
4 + border-radius: 4px 4px 0 0;
3 3   padding: 10px 12px;
4 4   cursor: pointer;
5 5   user-select: none;
6 6  }
7 7  
10 +.showhidecontent {
11 + border: 1px solid #ccc;
12 + border-top: none;
13 + border-radius: 0 0 4px 4px;
14 + padding: 10px;
15 + background-color: #fff;
16 +}
17 +
8 8  .showhide-header-flex {
9 9   display: flex;
10 10   justify-content: space-between;
XWiki.WikiMacroClass[0]
Macro code
... ... @@ -21,13 +21,15 @@
21 21  (% #if($divstyle && $divstyle!="") style="${divstyle}" #end %)
22 22  (((
23 23  {{html clean=false}}
24 -<div class="showhide-header"
25 - #if($id && $id!="") id="showhideheader${id}" #end
26 - data-show-duration="$effectduration"
27 - data-show-effect="$effect">
28 - <div class="showhide-header-flex">
29 - <div class="showhide-title">$title</div>
30 - <div class="showhide-arrow">&#9654;</div> ## Unicode ▶
24 +<div class="api-macro">
25 + <div class="showhide-header"
26 + #if($id && $id!="") id="showhideheader${id}" #end
27 + data-show-duration="$effectduration"
28 + data-show-effect="$effect">
29 + <div class="showhide-header-flex">
30 + <div class="showhide-title">$title</div>
31 + <div class="showhide-arrow">&#9654;</div> ## Unicode ▶
32 + </div>
31 31   </div>
32 32  </div>
33 33  {{/html}}
... ... @@ -34,7 +34,7 @@
34 34  (% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %)
35 35  (((
36 36  (((
37 -{{code language="$mparams.language"}}{{wikimacrocontent /}}{{/code}}
39 +{{wikimacrocontent /}}
38 38  )))
39 39  )))
40 40  
© Aagon GmbH 2025
Besuchen Sie unsere Aagon-Community