EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: include hover state in adjusted topnav color

Browse Source
This commit is contained in:
Björn Fromme
2025-07-08 10:26:35 +02:00
parent 3866c5b472
commit 53f6062a8b
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_topnav.scss
+8 -1
View File
@@ -8,6 +8,13 @@
.topnav__item { .topnav__item {
@apply flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary; @apply flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary;
@apply ser:hover:bg-ser-secondary; @apply ser:hover:bg-ser-secondary ser:hover:text-white;
@apply sbw:hover:bg-sbw-secondary sbw:hover:text-white;
@apply border-r border-white/50; @apply border-r border-white/50;
} }
.topnav__item--active {
@apply bg-ep-secondary text-gray-900;
@apply sbw:bg-sbw-secondary sbw:text-white;
@apply ser:bg-ser-secondary ser:text-white;
}
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+1 -1
View File
@@ -29,7 +29,7 @@
<f:if condition="{settings.topNavPid}"> <f:if condition="{settings.topNavPid}">
<div class="flex-1 flex items-center"> <div class="flex-1 flex items-center">
<f:for each="{topnav}" as="menuitem"> <f:for each="{topnav}" as="menuitem">
<a class="topnav__item flex-grow{f:if(condition: menuitem.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{f:if(condition: '{menuitem.active} || {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' bg-ep-secondary text-gray-900 sbw:bg-sbw-secondary sbw:text-white')}" <a class="topnav__item flex-grow{f:if(condition: menuitem.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{f:if(condition: '{menuitem.active} || {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' topnav__item--active')}"
href="{menuitem.link}"{f:if(condition: '{menuitem.data.doktype} == 3', then: ' target="_blank"')}> href="{menuitem.link}"{f:if(condition: '{menuitem.data.doktype} == 3', then: ' target="_blank"')}>
{menuitem.title} {menuitem.title}
</a> </a>