From ac33a83ee2e53f013252594f0d76069a7c52680c Mon Sep 17 00:00:00 2001 From: Thomas Gelf Date: Mon, 5 Oct 2015 16:00:51 +0200 Subject: [PATCH] css: allow hosts to use host state classes --- public/css/module.less | 56 ++++++++++++++++++++++++++++++++++-------- 1 file changed, 46 insertions(+), 10 deletions(-) diff --git a/public/css/module.less b/public/css/module.less index 0ad7eaa..4bb4db1 100644 --- a/public/css/module.less +++ b/public/css/module.less @@ -156,7 +156,7 @@ table.bp .icon { margin-right: 0.4em; } -table.bp.node.subtree, table.bp.node.service, table.bp.node.host { +table.bp.node { td:before { font-family: ifont; z-index: 10; @@ -235,19 +235,27 @@ table.bp.operator.hovered > tbody > tr:first-child > * { /* Set colors based on element state */ table.bp { - &.ok { border-color: @colorOk; } - &.warning { border-color: @colorWarning; } - &.warning.handled { border-color: @colorWarningHandled; } - &.critical { border-color: @colorCritical; } - &.critical.handled { border-color: @colorCriticalHandled; } - &.unknown { border-color: @colorUnknown; } - &.unknown.handled { border-color: @colorUnknownHandled; } - &.pending { border-color: @colorPending; } - &.missing { border-color: #ccc; } + &.ok { border-color: @colorOk; } + &.up { border-color: @colorOk; } + &.warning { border-color: @colorWarning; } + &.warning.handled { border-color: @colorWarningHandled; } + &.critical { border-color: @colorCritical; } + &.critical.handled { border-color: @colorCriticalHandled; } + &.down { border-color: @colorCritical; } + &.down.handled { border-color: @colorCriticalHandled; } + &.unknown { border-color: @colorUnknown; } + &.unknown.handled { border-color: @colorUnknownHandled; } + &.unreachable { border-color: @colorUnknown; } + &.unreachable.handled { border-color: @colorUnknownHandled; } + &.pending { border-color: @colorPending; } + &.missing { border-color: #ccc; } &.hovered { &.ok > tbody > tr > { th, td > a { background-color: @colorOk; } } + &.up > tbody > tr > { + th, td > a { background-color: @colorOk; } + } &.warning > tbody > tr > { th, td > a { background-color: @colorWarning; } } @@ -260,12 +268,24 @@ table.bp { &.critical.handled > tbody > tr > { th, td > a { background-color: @colorCriticalHandled; } } + &.down > tbody > tr > { + th, td > a { background-color: @colorCritical; } + } + &.down.handled > tbody > tr > { + th, td > a { background-color: @colorCriticalHandled; } + } &.unknown > tbody > tr > { th, td > a { background-color: @colorUnknown; } } &.unknown.handled > tbody > tr > { th, td > a { background-color: @colorCUnknownHandled; } } + &.unreachable > tbody > tr > { + th, td > a { background-color: @colorUnknown; } + } + &.unreachable.handled > tbody > tr > { + th, td > a { background-color: @colorCUnreachableHandled; } + } &.pending > tbody > tr > { th, td > a { background-color: @colorPending; } } @@ -381,6 +401,14 @@ table.bp { background: @colorCriticalHandled; } +.toplevel > div.down { + background: @colorCritical; +} + +.toplevel > div.down.handled { + background: @colorCriticalHandled; +} + .toplevel > div.unknown { background: @colorUnknown; } @@ -389,6 +417,14 @@ table.bp { background: @colorUnknownHandled; } +.toplevel > div.unreachable { + background: @colorUnknown; +} + +.toplevel > div.unreachable.handled { + background: @colorUnknownHandled; +} + .toplevel > div.warning { background: @colorWarning; }