From a25424b198ba75a918ec3be6c0f34e32f5877b53 Mon Sep 17 00:00:00 2001 From: Jakob Vogel Date: Wed, 14 Feb 2024 19:23:35 +0100 Subject: [PATCH 1/2] =?UTF-8?q?Fixes=20color=20of=20nav=20links=20?= =?UTF-8?q?=F0=9F=A7=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/default/assets/tycho/styles/sidebar.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/main/resources/default/assets/tycho/styles/sidebar.scss b/src/main/resources/default/assets/tycho/styles/sidebar.scss index 5d08ccf90..f143a94a3 100644 --- a/src/main/resources/default/assets/tycho/styles/sidebar.scss +++ b/src/main/resources/default/assets/tycho/styles/sidebar.scss @@ -16,6 +16,7 @@ .nav-pills { .nav-link { margin: 0 -0.75rem; + color: $primary-color !important; } .nav-link .nav-link-icon { @@ -26,7 +27,7 @@ } .nav-link.active, .nav-link:hover, .nav-link:hover .nav-link-icon, .nav-link.active .nav-link-icon { - color: #fff; + color: $white !important; background-color: $primary-color; } } From 902c5c2bd6992943ce3e680e03785146ad8c5e76 Mon Sep 17 00:00:00 2001 From: Jakob Vogel Date: Wed, 14 Feb 2024 19:25:00 +0100 Subject: [PATCH 2/2] =?UTF-8?q?Fixes=20transition=20animation=20of=20activ?= =?UTF-8?q?e/hovered=20nav=20links=20=F0=9F=8E=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../resources/default/assets/tycho/styles/sidebar.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/main/resources/default/assets/tycho/styles/sidebar.scss b/src/main/resources/default/assets/tycho/styles/sidebar.scss index f143a94a3..44ce87c1e 100644 --- a/src/main/resources/default/assets/tycho/styles/sidebar.scss +++ b/src/main/resources/default/assets/tycho/styles/sidebar.scss @@ -26,7 +26,14 @@ text-align: center; } - .nav-link.active, .nav-link:hover, .nav-link:hover .nav-link-icon, .nav-link.active .nav-link-icon { + .nav-link .badge, .nav-link .nav-link-icon { + transition: color .15s ease-in-out, background-color .15s ease-in-out; + } + + .nav-link.active, .nav-link:hover { + .nav-link-icon { + color: $white !important; + } color: $white !important; background-color: $primary-color; }