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

fix: consistent topnav styles

Browse Source
This commit is contained in:
Björn Fromme
2025-01-06 18:21:08 +01:00
parent 9374b97fe3
commit 6074764f01
2 changed files with 8 additions and 7 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
+2 -1
View File
@@ -3,10 +3,11 @@
} }
.topnav__nav { .topnav__nav {
@apply flex items-center justify-between m-0 p-0 w-full divide-x divide-white/50 border-l border-r border-white/50; @apply flex items-center m-0 p-0;
} }
.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;
@apply border-r border-white/50;
} }
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+4 -4
View File
@@ -8,7 +8,7 @@
<div class="topnav"> <div class="topnav">
<div class="container"> <div class="container">
<nav role="navigation" class="topnav__nav"> <nav role="navigation" class="topnav__nav">
<div class="flex items-center divide-x divide-white/50"> <div class="flex items-center border-l border-white/50">
<f:if condition="{settings.mainSitePid}"> <f:if condition="{settings.mainSitePid}">
<f:link.typolink parameter="{settings.mainSitePid}" <f:link.typolink parameter="{settings.mainSitePid}"
class="topnav__item" class="topnav__item"
@@ -22,17 +22,17 @@
{ep:icon(icon: 'home', class: 'w-5 h-5')} {ep:icon(icon: 'home', class: 'w-5 h-5')}
</f:link.typolink> </f:link.typolink>
</div> </div>
<div class="flex-1 flex items-center divide-x divide-white/50">
<f:if condition="{settings.topNavPid}"> <f:if condition="{settings.topNavPid}">
<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} or {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' bg-ep-secondary')}" <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')}"
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"')}
title="{menuitem.title}"> title="{menuitem.title}">
{menuitem.title} {menuitem.title}
</a> </a>
</f:for> </f:for>
</f:if>
</div> </div>
</f:if>
<f:if condition="{settings.myEpPageUid}"> <f:if condition="{settings.myEpPageUid}">
<f:link.typolink parameter="{settings.myEpPageUid}" class="topnav__item" title="My E&P"> <f:link.typolink parameter="{settings.myEpPageUid}" class="topnav__item" title="My E&P">
{ep:icon(icon: 'user', class: 'w-5 h-5')} {ep:icon(icon: 'user', class: 'w-5 h-5')}