diff --git a/source/_patterns/02-organisms/00-global/navbar.mustache b/source/_patterns/02-organisms/00-global/navbar.mustache index 45c7918ff86cd95c9f3225f0b0f58182ad35376a..de423d83d832c484575e15ca17f87c52fde52a80 100644 --- a/source/_patterns/02-organisms/00-global/navbar.mustache +++ b/source/_patterns/02-organisms/00-global/navbar.mustache @@ -28,7 +28,11 @@ <a href="#" data-href="{{ link.templates-homepage }}" class="navbar-menu__link">Hlavní strana</a> </li> <li class="navbar-menu__item"> - <a href="#" data-href="{{ link.templates-people }}" class="navbar-menu__link">Lidé</a> + <ui-navbar-subitem label="Lidé" href="{{ link.templates-people }}"> + <ul class="navbar-menu__submenu"> + <li><a href="#" class="navbar-menu__link">Delší link co je delší než hlavní menu položka</a></li> + </ul> + </ui-navbar-subtitem> </li> <li class="navbar-menu__item"> <ui-navbar-subitem label="Aktuality" href="{{ link.templates-article-listing }}"> diff --git a/source/css/organisms/navbar.pcss b/source/css/organisms/navbar.pcss index 89b46ea1b16faea8f0d4542de515b851f4db40a4..bd6281881e0b50e83dda0fe5ea2790473567ed26 100644 --- a/source/css/organisms/navbar.pcss +++ b/source/css/organisms/navbar.pcss @@ -44,12 +44,16 @@ @apply block; } +.navbar-menu__item:hover ~.navbar-menu__item { + z-index: 0; +} + .navbar-menu__link { @apply text-xl font-condensed uppercase leading-loose cursor-pointer; } .navbar-menu__submenu .navbar-menu__link { - @apply text-lg text-grey-200 font-body normal-case leading-normal pl-4; + @apply text-lg text-grey-200 font-body normal-case leading-normal pl-4 whitespace-no-wrap; } .navbar-menu__link,