From c323d97fc2ee697e9aa3ba14fbf3322c36c7c5c9 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Mon, 12 Apr 2021 17:16:55 +0200 Subject: [PATCH] =?UTF-8?q?Zpo=C5=BEd=C4=9Bn=C3=AD=20p=C5=99i=20schov?= =?UTF-8?q?=C3=A1n=C3=AD=20rolovac=C3=ADho=20menu?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Pokud uživatel opustí kurzorem prostor hlavní navigace, rozbalená část navigace se schová až po daném časovém intervalu (.5s). To zabrání nechtěnému schování menu omylným vybočením kurzoru z zobrazeného okna. Pokud uživatel najede kurzorem na jinou kategorii, předchozí navigace je schována okamžitě, aby nedošlo k překrytí dvou rolovacích bloků. --- sass/main.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/sass/main.scss b/sass/main.scss index e8a6080..5de0b47 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -68,6 +68,10 @@ header { a { padding: .9rem } li:hover { color: var(--color) } + &:hover>li>div { + visibility: hidden; + transition: none; + } li:hover>div { visibility: visible; transform: translate(0); @@ -93,6 +97,7 @@ header { visibility: hidden; transform: translate(0, -1em); opacity: 0; + transition: all .1s ease-out .5s; .title { margin-bottom: 1em;