Zum Inhalt springen

Änderungen von Dokument Menu Macro

Zuletzt geändert von xwikiadmin am 2025/01/07 11:25
Von Version 7.1
bearbeitet von xwikiadmin
am 2025/01/07 11:25
Änderungskommentar: Install extension [org.xwiki.platform:xwiki-platform-menu-ui/16.10.2]
Auf Version 5.1
bearbeitet von xwikiadmin
am 2023/10/26 09:31
Änderungskommentar: Install extension [org.xwiki.platform:xwiki-platform-menu-ui/15.8]

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 {