From c145ed69b45e3ff9de9dca62ee6ddcc3122c7488 Mon Sep 17 00:00:00 2001 From: Chris Earle Date: Mon, 6 Jun 2016 13:06:18 -0400 Subject: [PATCH] Show highlighted text color for single "tab" items in navigation This adds a simple CSS rule to highlight the navigation item to be highlighted as though it's active without adding the underline. The rule is very specific, which plays into the discussion in #7364. As a follow-up to this, we should create a bread crumb element to add that auto-builds these kind of things so that plugin authors do not need to even know the rules in place. This should help to keep all plugins consistent as well as simplify the effort to make it work. --- src/ui/public/styles/theme.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/ui/public/styles/theme.less b/src/ui/public/styles/theme.less index 40b4b3d3b88f0..b5417d413b0bf 100644 --- a/src/ui/public/styles/theme.less +++ b/src/ui/public/styles/theme.less @@ -37,6 +37,10 @@ margin: 0 10px; border-bottom: 2px solid transparent; } + // singular tabs are treated as titles + > li:only-child > a { + color: @kibanaGray1; + } // Active, hover state for the getTabs > .active > a, > .active > a:hover,