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

CSS spacing, styles for new group views. Still messy, sorry

Browse Source
This commit is contained in:
Thomas Gelf 2014-02-21 10:59:45 +00:00
parent 016ce83058
commit b90ceb7ca6
2 changed files with 63 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/css/icinga/layout-structure.less
View File

@ -136,6 +136,7 @@
width: 48%; width: 48%;
display: inline-block; display: inline-block;
padding: 0; padding: 0;
margin-top: 1em;
margin-left: 1%; margin-left: 1%;
} }
@ -168,7 +169,7 @@
margin-right: 2%; margin-right: 2%;
} }
.content { .content {
padding: 0.5em 1em 0.5em 1em; padding: 1em;
} }
#inner-layout { #inner-layout {

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

@ -38,13 +38,24 @@ table.action.wide td {
} }
table.action td { table.action td {
padding: 0.5em 1em 1em 1em;
line-height: 1.5em; line-height: 1.5em;
padding: 0 0.5em 0 0.5em;
font-size: 0.8em;
border-bottom: 1px solid #dde; border-bottom: 1px solid #dde;
overflow: hidden; overflow: hidden;
} }
.dashboard table.action td {
line-height: 1.2em;
padding: 0.3 0.7em 0.3em 0.7em;
}
table.action td .pluginoutput {
font-size: 0.8em;
line-height: 1.2em;
padding: 0;
margin: 0;
}
table.action td a { table.action td a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
@ -54,6 +65,10 @@ table.action td a:hover {
text-decoration: underline; text-decoration: underline;
} }
table.action div.inlinepie {
margin-top: 0.5em;
}
/* END of Action table */ /* END of Action table */
@ -97,12 +112,18 @@ tr.state.new td.state {
font-weight: bold; font-weight: bold;
} }
tr.state td.state strong {
font-size: 1.2em;
}
tr.state td.state { tr.state td.state {
width: 7em; width: 7em;
padding-left: 2em; /* 1.5 border + 0.5padding */ padding-left: 2em; /* 1.5 border + 0.5padding */
color: white; color: white;
/*
border-radius: 0.5em 0 0 0.5em; border-radius: 0.5em 0 0 0.5em;
-moz-border-radius: 0.5em 0 0 0.5em; -moz-border-radius: 0.5em 0 0 0.5em;
*/
} }
tr.state.handled td.state, tr.state.ok td.state, tr.state.up td.state, tr.state.pending td.state { tr.state.handled td.state, tr.state.ok td.state, tr.state.up td.state, tr.state.pending td.state {
@ -275,23 +296,47 @@ span.state.invalid {
background-color: @colorInvalid; background-color: @colorInvalid;
} }
table.action td.summary { .summary a {
vertical-align: top; color: white;
text-align: center; text-decoration: none;
} }
span.state { .summary {
font-size: 0.85em;
vertical-align: top;
text-align: left;
}
.summary td {
vertical-align: top;
}
.summary > span.state {
border: 1px solid #555;
color: black;
}
.summary strong a {
color: black;
}
.summary span.state.handled a {
color: #333;
} }
.summary span.state { .summary span.state {
width: 10em; width: 26em;
vertical-align: top;
text-align: center; text-align: center;
float: left;
display: inline-block; display: inline-block;
} }
.summary span.state span.state { .summary span.state span.state {
width: 8em; width: 12em;
font-size: 0.9em;
}
.summary span.state span.state span.state {
width: 12em;
} }
span.state a { span.state a {
@ -308,3 +353,10 @@ span.state a.active {
/* End of generic span.state */ /* End of generic span.state */
.controls {
font-size: 0.9em;
}
.controls a {
color: black;
}