From 1066f42861a1d99e76041e3cc360864158da0413 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=B8rn=20A=CC=8Ane?= Date: Fri, 10 Aug 2018 22:37:24 +0200 Subject: [PATCH] User menu on hover --- www/css/style.css | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/www/css/style.css b/www/css/style.css index 2d1914e..c4401cd 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -111,6 +111,9 @@ nav #usermenu { background: #fff; padding: 0; z-index: 5; /* Make appear over #login */ + + border-radius: 0 0 0 0.1em; + box-shadow: 0 2px 2px gray; } nav #login { z-index: 4; /* Make appear under #usermenu and over #menu */ @@ -129,16 +132,11 @@ nav #usermenu li, nav #usermenu li a { display: block; margin: 0; } -nav #usermenu:target { +nav #usermenu:target, +nav #usermenu:hover, +nav #login:hover ~ #usermenu { display: block; } -/* Style #login when #usermenu is targeted */ -/* Requires #login to appear after #usermenu, directly under nav */ -nav #usermenu:target ~ #login { - color: #024; - fill: #024; /* SVG icon */ - background: white; -} nav #usermenu li:hover { background: #eee; }