Changes for page Administration

Last modified by Thomas Coelho (local) on 2024/12/17 09:49

From version 3.1
edited by Thomas Coelho (local)
on 2023/09/25 10:21
Change comment: Install extension [org.xwiki.platform:xwiki-platform-administration-ui/15.7]
To version 4.1
edited by Thomas Coelho (local)
on 2023/11/03 15:25
Change comment: Install extension [org.xwiki.platform:xwiki-platform-administration-ui/15.9]

Summary

Details

Page properties
Content
... ... @@ -232,7 +232,8 @@
232 232  
233 233  #macro (verticalNavigation $menu $options)
234 234   {{html clean="false"}}
235 - <div id="$!options.id" class="panel-group $!options.cssClass" role="tablist" aria-multiselectable="true">
235 + <nav id="$!options.id" class="panel-group $!options.cssClass"
236 + aria-label="$escapetool.xml($services.localization.render('administration.menu.label'))">
236 236   <div class="panel xform">
237 237   <label for="adminsearchmenu" class="hidden">$services.localization.render('search')</label>
238 238   <input type="text" class="form-control panel-group-filter" autocomplete="off" id="adminsearchmenu"
... ... @@ -248,7 +248,7 @@
248 248   $escapetool.xml($services.localization.render('administration.menu.search.noResults'))
249 249   </div>
250 250   </div>
251 - </div>
252 + </nav>
252 252   {{/html}}
253 253  #end
254 254  
... ... @@ -264,11 +264,11 @@
264 264   #set ($children = [])
265 265   #sortCollectionOfMapsByField($item.children, 'order', 99999, 'asc', $children)
266 266   <div class="panel panel-default">
267 - <a class="panel-heading#if (!$isActive) collapsed#end" role="tab" id="panel-heading-$escapedId"
268 + <a class="panel-heading#if (!$isActive) collapsed#end" id="panel-heading-$escapedId"
268 268   href="$!item.url" data-toggle="collapse"#if ("$!options.id" != '') data-parent="#$options.id" #end
269 269   data-target="#panel-body-$escapedId" aria-expanded="$isActive" aria-controls="panel-body-$escapedId"
270 270   title="$!escapetool.xml($item.description)">$!services.icon.renderHTML($item.icon)$escapetool.xml($name)</a>
271 - <div class="panel-collapse collapse#if ($isActive) in#end" role="tabpanel" id="panel-body-$escapedId"
272 + <section class="panel-collapse collapse#if ($isActive) in#end" id="panel-body-$escapedId"
272 272   aria-labelledby="panel-heading-$escapedId">
273 273   <div class="list-group">
274 274   #foreach ($child in $children)
... ... @@ -275,7 +275,7 @@
275 275   #verticalNavigationItem($child $options)
276 276   #end
277 277   </div>
278 - </div>
279 + </section>
279 279   </div>
280 280   #else
281 281   <a class="list-group-item#if ($isActive) active#end" data-id="$escapedId"
XWiki.StyleSheetExtension[0]
Code
... ... @@ -89,8 +89,8 @@
89 89  }
90 90  
91 91  .admin-menu .panel-heading.collapsed {
92 - border-bottom-left-radius: 3px;
93 - border-bottom-right-radius: 3px;
92 + border-bottom-left-radius: 5px;
93 + border-bottom-right-radius: 5px;
94 94  }
95 95  
96 96  .admin-menu a.panel-heading {
... ... @@ -112,8 +112,8 @@
112 112  }
113 113  
114 114  .admin-menu .panel-collapse > .list-group:last-child .list-group-item.last {
115 - border-bottom-right-radius: 3px;
116 - border-bottom-left-radius: 3px;
115 + border-bottom-right-radius: 5px;
116 + border-bottom-left-radius: 5px;
117 117  }
118 118  
119 119  .admin-menu .panel.noitems > .panel-heading {