From c3e1597972f0401bc8bc757c2503dd508f9007fb Mon Sep 17 00:00:00 2001 From: oriol Date: Mon, 13 Nov 2023 13:11:33 +0100 Subject: [PATCH] Add rollover to top menu items --- web/static/numerus.css | 29 ++++++++++++++++++++++++++--- 1 file changed, 26 insertions(+), 3 deletions(-) diff --git a/web/static/numerus.css b/web/static/numerus.css index 7e45157..2777c9f 100644 --- a/web/static/numerus.css +++ b/web/static/numerus.css @@ -1,6 +1,6 @@ /** * SPDX-FileCopyrightText: 2023 jordi fita mas - * + * SPDX-FileCopyrightText: 2023 Oriol Carbonell * SPDX-License-Identifier: GPL-3.0-only */ *, *::before, *::after { @@ -539,10 +539,33 @@ ul[role="menu"].action-menu li i[class^='ri-'] { top: 100%; } -#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a:hover { - background-color: var(--numerus--color--light-gray); +/* menu tauler */ + +#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a { + color: var(--numerus--text-color); + text-decoration: none; + transition: 0.25s ease; } +#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a { + color: #ccc; +} + +#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a:hover { + color: var(--numerus--text-color); + text-decoration: underline; +} + + +#profile-menu summary:active, #profile-menu summary:active, ul[role="menu"].action-menu button:active, ul[role="menu"].action-menu a:active, body > nav ul:active li:active a:active { + color: var(--numerus--text-color); +text-decoration: underline; +} + + +/* menu tauler final */ + + main > nav { display: flex; justify-content: space-between;