Actions
Bug #88269
closed[BE][Usability] Enhance highlighting of active menu module item
Status:
Closed
Priority:
Should have
Assignee:
Category:
Backend User Interface
Target version:
-
Start date:
2019-05-03
Due date:
% Done:
100%
Estimated time:
TYPO3 Version:
9
PHP Version:
Tags:
gremlin,ux
Complexity:
Is Regression:
Yes
Sprint Focus:
Description
In TYPO3 7 the active menu module item was properly highlighted:
Since TYPO3 8 the high contrast between the menu module background and the highlighted active item is lost:
Was this change done intentionally?
Introduced¶
with https://forge.typo3.org/issues/52877 / https://review.typo3.org/c/Packages/TYPO3.CMS/+/47637
@module-menu-link-active-bg: lighten(@module-menu-bg,15%);
https://review.typo3.org/c/Packages/TYPO3.CMS/+/47637/55/Build/Resources/Public/Less/TYPO3/_module_menu.less#b102
.typo3-module-menu-item.active {
.typo3-module-menu-item-link {
color: @module-menu-link-active-color;
background-color: @module-menu-link-active-bg;
}
}
.modulemenu-item.active {
.modulemenu-item-link {
background-color: rgba(0,0,0,0.15);
}
}
Proposed change¶
To reverse it to the old appearance:
https://git.typo3.org/Packages/TYPO3.CMS.git/blob/refs/heads/TYPO3_8-7:/Build/Resources/Public/Sass/scaffold/_modulemenu.scss#l60
https://git.typo3.org/Packages/TYPO3.CMS.git/blob/refs/heads/9.5:/Build/Resources/Public/Sass/scaffold/_modulemenu.scss#l60
Current color code
.modulemenu-item.active {
.modulemenu-item-link {
background-color: rgba(0, 0, 0, 0.15);
}
}
Adjusted color code
.modulemenu-item.active {
.modulemenu-item-link {
background-color: rgba(255, 255, 255, 0.15);
}
}
Files
Actions