tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-25 23:04:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make the summary boxes more compact

Browse Source
This commit is contained in:
Johannes Meyer 2014-03-06 17:06:22 +01:00
parent 5d20fb38e2
commit a67216c305
1 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/css/icinga/monitoring-colors.less
View File

@ -278,21 +278,21 @@ a.critical {
} }
.boxview > div.box { .boxview > div.box {
width: 28em;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
padding: 0.5em; padding: 0.4em;
margin: 0.5em; margin: 0.4em;
background: #555; background: #555;
border-radius: 0.5em; border-radius: 0.4em;
-moz-border-radius: 0.5em; -moz-border-radius: 0.4em;
} }
/* Box caption */ /* Box caption */
.boxview div.box h2 { .boxview div.box h2 {
margin: 0.5em 0 1em; margin-top: 0;
margin-bottom: 0.4em;
color: white; color: white;
font-weight: bold; font-weight: bold;
@ -301,8 +301,8 @@ a.critical {
/* Box body of contents */ /* Box body of contents */
.boxview div.box.contents { .boxview div.box.contents {
background: #eee; background: #eee;
border-radius: 0.5em; border-radius: 0.4em;
-moz-border-radius: 0.5em; -moz-border-radius: 0.4em;
} }
.boxview div.box.contents table { .boxview div.box.contents table {
@ -310,7 +310,7 @@ a.critical {
} }
.boxview div.box.contents td { .boxview div.box.contents td {
width: 13em; width: 11.1em;
vertical-align: top; vertical-align: top;
} }
@ -318,10 +318,10 @@ a.critical {
.boxview div.box-separator:first-child { .boxview div.box-separator:first-child {
border-top-width: 0; border-top-width: 0;
border-top-left-radius: 0.5em; border-top-left-radius: 0.4em;
border-top-right-radius: 0.5em; border-top-right-radius: 0.4em;
-moz-border-top-left-radius: 0.5em; -moz-border-top-left-radius: 0.4em;
-moz-border-top-right-radius: 0.5em; -moz-border-top-right-radius: 0.4em;
} }
.boxview div.box-separator { .boxview div.box-separator {
@ -336,8 +336,8 @@ a.critical {
/* Box entry */ /* Box entry */
.boxview div.box.entry { .boxview div.box.entry {
min-height: 3em; min-height: 2.7em;
margin: 0.25em; margin: 0.2em;
font-size: 0.9em; font-size: 0.9em;
white-space: nowrap; white-space: nowrap;
@ -359,7 +359,7 @@ a.critical {
/* First line of a box entry */ /* First line of a box entry */
.boxview div.box.entry a:first-child { .boxview div.box.entry a:first-child {
font-size: 1.1em; font-size: 1em;
} }
/* End of generic box element */ /* End of generic box element */
@ -368,27 +368,27 @@ a.critical {
/* Monitoring box element styles */ /* Monitoring box element styles */
div.box.entry.state_up, div.box.entry.state_ok { div.box.entry.state_up, div.box.entry.state_ok {
border-left: 0.8em solid @colorOk; border-left: 0.5em solid @colorOk;
} }
div.box.entry.state_pending { div.box.entry.state_pending {
border-left: 0.8em solid @colorPending; border-left: 0.5em solid @colorPending;
} }
div.box.entry.state_down, div.box.entry.state_critical { div.box.entry.state_down, div.box.entry.state_critical {
border-left: 0.8em solid @colorCritical; border-left: 0.5em solid @colorCritical;
background-color: @colorCritical; background-color: @colorCritical;
color: white; color: white;
} }
div.box.entry.state_warning { div.box.entry.state_warning {
border-left: 0.8em solid @colorWarning; border-left: 0.5em solid @colorWarning;
background-color: @colorWarning; background-color: @colorWarning;
color: white; color: white;
} }
div.box.entry.state_unreachable, div.box.entry.state_unknown { div.box.entry.state_unreachable, div.box.entry.state_unknown {
border-left: 0.8em solid @colorUnknown; border-left: 0.5em solid @colorUnknown;
background-color: @colorUnknown; background-color: @colorUnknown;
color: white; color: white;
} }