Zum Inhalt springen

Änderungen von Dokument Menu Macro

Zuletzt geändert von admin am 2025/02/27 21:26
Von Version 6.1
bearbeitet von admin
am 2025/02/27 21:26
Änderungskommentar: Install extension [org.xwiki.platform:xwiki-platform-menu-ui/17.1.0]
Auf Version 5.1
bearbeitet von admin
am 2023/07/25 15:01
Änderungskommentar: Install extension [org.xwiki.platform:xwiki-platform-menu-ui/15.5]

Zusammenfassung

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -70,18 +70,6 @@
70 70   $(dropDownHeader).next().addClass('xDropdown-menu');
71 71   });
72 72  
73 - $('.xDropdown-menu').each(function() {
74 - this.addEventListener('keyup', function(event) {
75 - if (event.key === 'Escape') {
76 - // We change the state of the parent xDropdown
77 - this.parentNode.classList.remove('open');
78 - // We set the focus on the toggle button of the section we just collapsed
79 - this.parentNode.querySelector(':scope > .xDropdown-header > .xDropdown-header-toggle').focus();
80 - }
81 - event.stopPropagation();
82 - });
83 - });
84 -
85 85   $('.menu-horizontal .xDropdown').each(function() {
86 86   // In case of horizontal menus, make it so that a class is added on hover, instead of using the :hover pseudo-class
87 87   this.addEventListener("mouseover", function() {
XWiki.StyleSheetExtension[1]
Code
... ... @@ -159,19 +159,19 @@
159 159   margin-top: 0;
160 160   border-top-right-radius: 0;
161 161   border-top-left-radius: 0;
162 - overflow-wrap: break-word;
163 - hyphens: auto;
164 164   li {
165 165   /* Text inside menu */
166 166   color: @dropdown-link-color;
167 - padding: 3px 20px;
168 168   /* Links inside menu */
169 169   a {
170 170   display: block;
168 + padding: 3px 20px;
171 171   clear: both;
172 172   font-weight: normal;
173 173   line-height: @line-height-base;
174 174   color: @dropdown-link-color;
173 + overflow: hidden;
174 + text-overflow: ellipsis; // Displaying ... if the text is too long
175 175   &:hover, &:focus-within {
176 176   /* &:extend(.dropdown-menu>li>a:hover); */
177 177   text-decoration: none;
... ... @@ -200,17 +200,10 @@
200 200   }
201 201   }
202 202   /* When in dropdown we also have a link, reset the duplicated padding */
203 - & > .xDropdown-header > span > a {
203 + & > span > a {
204 204   padding: 0;
205 205   display: inherit;
206 206   }
207 - /* Reposition the toggle when in a dropdown of fixed size
208 - to avoid eating away at the bit of space we have for the text. */
209 - & > .xDropdown-header > .xDropdown-header-toggle {
210 - position: absolute;
211 - right: 0;
212 - top: 0;
213 - }
214 214   }
215 215   /* Separator horizontal inside menu */
216 216   &:empty {
XWiki.WikiMacroClass[0]
Makro-Code
... ... @@ -22,11 +22,8 @@
22 22   aria-label="${services.rendering.escape($label, 'xwiki/2.1')}" %)(((
23 23   (% class="navbar-header" %)(((
24 24   {{html}}
25 - <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#$!{escapetool.xml($id)}"
26 - aria-expanded="false" aria-controls="$!{escapetool.xml($id)}">
27 - <span class="sr-only">
28 - $escapetool.xml($services.localization.render('menu.ui.horizontal.toggler.description'))
29 - </span>
25 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#$!{escapetool.xml($id)}" aria-expanded="false">
26 + <span class="sr-only"></span>
30 30   <span class="icon-bar"></span>
31 31   <span class="icon-bar"></span>
32 32   <span class="icon-bar"></span>