From 9a4eb7268c262e58f9a79bcfe4d7b7bfd62ca8bc Mon Sep 17 00:00:00 2001 From: Markus Frosch Date: Mon, 27 Nov 2017 13:09:13 +0100 Subject: [PATCH 1/3] Update solarized-dark theme for new menu style --- public/css/themes/solarized-dark.less | 45 ++++++++++++++++++++++----- 1 file changed, 37 insertions(+), 8 deletions(-) diff --git a/public/css/themes/solarized-dark.less b/public/css/themes/solarized-dark.less index dad47c6de..f29b3f015 100644 --- a/public/css/themes/solarized-dark.less +++ b/public/css/themes/solarized-dark.less @@ -111,18 +111,47 @@ textarea { } #menu { - a:hover { - color: @body-bg-color; - background-color: @base1; - } + background-color: @base02; input.search { - background-image: url(../img/icons/search_icinga_blue.png); + color: @text-color; + background-image: url(../img/icons/search_white.png); + + &:focus { + background-image: url(../img/icons/search_white.png) !important; + } } - .active > a { - color: @text-color-on-icinga-blue; - background-color: @base01; + .nav-level-1 > .nav-item { + color: @text-color; + + &.active, &:hover { + color: @text-color; + background-color: @base00; + } + } + + .nav-level-2 > .nav-item { + color: @text-color; + background-color: @base03; + + &.active, &:hover { + a { + color: @text-color; + } + background-color: @base00; + } + } + + + .nav-itemxx{ + &:hover, + &:hover > a, + &.active, + &.active > a { + color: @text-color !important; + //background-color: @base01 !important; + } } } From 80b0f165ace42db41c7b521ed4913e879815c1b8 Mon Sep 17 00:00:00 2001 From: Johannes Meyer Date: Mon, 27 Nov 2017 15:50:33 +0100 Subject: [PATCH 2/3] Update winter theme for new menu style --- public/css/themes/Winter.less | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/public/css/themes/Winter.less b/public/css/themes/Winter.less index 46d96aa51..3062589c4 100644 --- a/public/css/themes/Winter.less +++ b/public/css/themes/Winter.less @@ -37,4 +37,24 @@ 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} -} +} + +#menu .nav-level-2 > .nav-item.active { + > a:focus, > a:hover { + opacity: 1; + } +} + +#menu ul.nav-level-1 > .nav-item { + &:focus, &:hover { + background-image: url('../img/winter/snow1.png'), url('../img/winter/snow2.png'), url('../img/winter/snow3.png'); + -webkit-animation: snow 10s linear infinite; + -moz-animation: snow 10s linear infinite; + -ms-animation: snow 10s linear infinite; + animation: snow 10s linear infinite; + } + + > a:hover, > a:focus { + color: white; + } +} \ No newline at end of file From 0dd8390e52f516af4f16a7b0f4bf80b8d9f2a195 Mon Sep 17 00:00:00 2001 From: Johannes Meyer Date: Mon, 27 Nov 2017 15:51:08 +0100 Subject: [PATCH 3/3] Update high-contrast theme for new menu style --- public/css/themes/high-contrast.less | 37 +++++++++++++++++++++------- 1 file changed, 28 insertions(+), 9 deletions(-) diff --git a/public/css/themes/high-contrast.less b/public/css/themes/high-contrast.less index c9057c08d..38b7d49c5 100644 --- a/public/css/themes/high-contrast.less +++ b/public/css/themes/high-contrast.less @@ -16,6 +16,34 @@ @text-color: #191919; @text-color-light: #555555; +@menu-highlight-color: white; +@menu-2ndlvl-color: white; +@menu-2ndlvl-highlight-color: white; + +#menu ul.nav-level-1 > .nav-item > a { + &:focus, &:hover { + text-decoration: underline; + } +} + +#menu .nav-level-2 > .nav-item.active { + background-color: black; + + > a:focus, > a:hover { + opacity: 1; + } +} + +#menu .nav-level-2 > .nav-item > a { + &:hover, &:focus { + text-decoration: underline; + } +} + +#menu .active > a { + text-decoration: underline; +} + .badge { background-color: @text-color-light; } @@ -50,15 +78,6 @@ } } -#menu a:hover { - color: @body-bg-color; - background-color: @icinga-blue; -} - -#menu .active > a { - text-decoration: underline; -} - .boxview a:focus { color: @text-color; text-decoration: underline;