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

Improve timeline style 

refs #4190
This commit is contained in:
Johannes Meyer 2014-03-28 15:25:23 +01:00
parent 6d8199e7df
commit 8e7d1dd8f6
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
modules/monitoring/application/controllers/TimelineController.php
View File

@ -63,7 +63,7 @@ class Monitoring_TimelineController extends ActionController
)
);
$timeline->setMaximumCircleWidth('6em');
$timeline->setMinimumCircleWidth('0.15em');
$timeline->setMinimumCircleWidth('0.3em');
$timeline->setDisplayRange($displayRange);
$timeline->setForecastRange($forecastRange);
$timeline->setSession($this->getWindowSession('timeline', $this->getRequest()->getParam('extend') != 1));

5
modules/monitoring/application/views/scripts/timeline/index.phtml
View File

@ -44,9 +44,10 @@ $extrapolatedCircleWidth = $timeline->getExtrapolatedCircleWidth($timeInfo[1][$g
<?php if ($firstRow && $extrapolatedCircleWidth !== $circleWidth): ?>
<?php
$inlineStyle = sprintf(
'width: %3$s; height: %3$s; background-color: %1$s; margin-top: -%2$s; margin-left: -%2$s;',
Color::changeBrightness($timeInfo[1][$groupName]->getColor(), 0.25),
'width: %4$s; height: %4$s; margin-top: -%2$s; margin-left: -%2$s; border-color: %3$s; background-color: %1$s;',
Color::changeBrightness($timeInfo[1][$groupName]->getColor(), 0.7),
((float) substr($extrapolatedCircleWidth, 0, -2) / 2) . 'em',
$timeInfo[1][$groupName]->getColor(),
$extrapolatedCircleWidth
);
?>

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

@ -664,6 +664,7 @@ table.timeline {
clear: left;
th {
width: 8em;
padding-right: 1.5em;
a {
@ -694,11 +695,13 @@ table.timeline {
&.extrapolated {
// width: inline-style;
// height: inline-style;
top: 49%; // Compensate border
left: 49%; // Compensate border
top: 48%; // Compensate border
left: 48%; // Compensate border
// margin-top: inline-style;
// margin-left: inline-style;
border: 1px dashed #666;
border-width: 2px;
border-style: dotted;
//border-color: inline-style;
border-radius: 100%;
// background-color: inline-style;
}
@ -708,11 +711,10 @@ table.timeline {
// height: inline-style;
display: block;
position: absolute;
top: 49%; // Compensate border
left: 49%; // Compensate border
top: 50%;
left: 50%;
// margin-top: inline-style;
// margin-left: inline-style;
border: 1px solid black;
border-radius: 100%;
// background-color: inline-style;
}