Änderungen von Dokument Menu Macro

Zusammenfassung

• Objekte (2 geändert, 0 hinzugefügt, 0 gelöscht)
  • XWiki.JavaScriptExtension[0]
  • XWiki.StyleSheetExtension[1]

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 {