From e7069084794df027a5217fba77f3bfef18a9d331 Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Wed, 8 Jul 2020 17:41:18 +0200
Subject: [PATCH] Fix navbar longer submenu items
---
source/_patterns/02-organisms/00-global/navbar.mustache | 6 +++++-
source/css/organisms/navbar.pcss | 6 +++++-
2 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/source/_patterns/02-organisms/00-global/navbar.mustache b/source/_patterns/02-organisms/00-global/navbar.mustache
index 45c7918..de423d8 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 89b46ea..bd62818 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,
--
GitLab