tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

monitoring: Introduce new table related CSS classes 

refs #5543
This commit is contained in:
Eric Lippmann 2015-10-28 13:15:42 +01:00
parent 9d082c1c16
commit 9bdf24a852
2 changed files with 42 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
modules/monitoring/public/css/module.less
View File

@ -1,12 +1,5 @@
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */ /*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
// Link to unhandled services in the hosts overview
.host-services-incidents {
color: @color-critical;
font-family: @font-family-wide;
font-size: @font-size-small;
}
// State summary badges // State summary badges
.state-badges { .state-badges {
display: inline-block; display: inline-block;
@ -21,13 +14,6 @@
} }
} }
// State labels in tables
.state-label {
font-family: @font-family-wide;
font-size: @font-size-small;
letter-spacing: 1px;
}
.hosts-summary, .hosts-summary,
.services-summary { .services-summary {
.v-center(); .v-center();

72
modules/monitoring/public/css/tables.less
View File

@ -3,7 +3,7 @@
@border-left-width: 6px; @border-left-width: 6px;
.count-col { .count-col {
width: 60px; width: 4em;
} }
.state-col { .state-col {
@ -18,45 +18,45 @@
&.state-critical, &.state-critical,
&.state-down { &.state-down {
.bg-color-critical(); background-color: @color-critical;
.fg-color-inverted(); color: @text-color-inverted;
&.handled { &.handled {
.bg-color-default(); background-color: inherit;
.fg-color-default(); color: inherit;
border-left: @border-left-width solid @color-critical-handled; border-left: @border-left-width solid @color-critical-handled;
} }
} }
&.state-warning { &.state-warning {
.bg-color-warning(); background-color: @color-warning;
.fg-color-inverted(); color: @text-color-inverted;
&.handled { &.handled {
.bg-color-default(); background-color: inherit;
.fg-color-default(); color: inherit;
border-left: @border-left-width solid @color-warning-handled; border-left: @border-left-width solid @color-warning-handled;
} }
} }
&.state-unknown { &.state-unknown {
.bg-color-unknown(); background-color: @color-warning;
.fg-color-inverted(); color: @text-color-inverted;
&.handled { &.handled {
.bg-color-default(); background-color: inherit;
.fg-color-default(); color: inherit;
border-left: @border-left-width solid @color-unknown-handled; border-left: @border-left-width solid @color-unknown-handled;
} }
} }
&.state-unreachable { &.state-unreachable {
.bg-color-unreachable(); background-color: @color-unreachable;
.fg-color-inverted(); color: @text-color-inverted;
&.handled { &.handled {
.bg-color-default(); background-color: inherit;
.fg-color-default(); color: inherit;
border-left: @border-left-width solid @color-unreachable-handled; border-left: @border-left-width solid @color-unreachable-handled;
} }
} }
@ -69,20 +69,32 @@
width: 100px; width: 100px;
} }
.comment-col { .host-meta, .service-meta {
padding-top: 0.5em;
vertical-align: top;
width: 3em;
}
.comment-content {
line-height: 1.5em;
padding-top: 0.4em;
padding-bottom: 0.7em;
max-width: 15em;
color: @text-color-light; color: @text-color-light;
font-size: @font-size-small;
} }
.comment-header { // Link to unhandled services in the hosts overview
line-height: 1.8em; .host-services-incidents {
color: @color-critical;
font-family: @font-family-wide;
font-size: @font-size-small;
}
.state-header {
.clearfix();
}
.state-icons {
float: right;
}
.state-label {
font-family: @font-family-wide;
font-size: @font-size-small;
letter-spacing: 1px;
}
.state-meta {
font-size: @font-size-small;
} }