feat(timepicker): adds arrows to move back and forth in current dashboard

closes #119
This commit is contained in:
bergquist 2016-04-12 16:21:29 +02:00
parent e5c9a24c33
commit 7d09579e3f
4 changed files with 15 additions and 4 deletions

View File

@ -2,6 +2,7 @@
### Enhancements
* **InfluxDB**: Changed multi query encoding to work with InfluxDB 0.11 & 0.12, closes [#4533](https://github.com/grafana/grafana/issues/4533)
* **Timepicker**: Add arrows and shortcuts for moving back and forth in current dashboard, closes [#119](https://github.com/grafana/grafana/issues/119)
### Bug fixes
* **Postgres**: Fixed page render crash when using postgres, fixes [#4558](https://github.com/grafana/grafana/issues/4558)

View File

@ -1,13 +1,13 @@
<ul class="nav gf-timepicker-nav">
<li class="dashnav-zoom-out" style="padding-top: 2px">
<li class="dashnav-move-timeframe" style="padding-top: 2px">
<a class='small' ng-click='ctrl.move(-1)'>
<i class="fa fa-arrow-left"></i>
</a>
</li>
<li class="dashnav-zoom-out" style="padding-top: 2px">
<li class="dashnav-move-timeframe" style="padding-top: 2px">
<a class='small' ng-click='ctrl.move(1)'>
<i class="fa fa-arrow-right"></i>
<i class="fa fa-arrow-right"></i>
</a>
</li>
<li class="dashnav-zoom-out" style="padding-top: 2px">

View File

@ -24,6 +24,7 @@
max-width: 120px;
}
.dashnav-zoom-out,
.dashnav-move-timeframe,
.dashnav-action-icons {
display: none;
}
@ -40,6 +41,11 @@
.gf-timepicker-nav-btn {
max-width: 120px;
}
.dashnav-move-timeframe {
display: none;
}
.panel-in-fullscreen {
.dashnav-action-icons {
display: none;
@ -60,6 +66,9 @@
.dashnav-zoom-out {
display: block;
}
.dashnav-move-timeframe {
display: block;
}
}
@include media-breakpoint-up(xl) {

View File

@ -96,7 +96,8 @@
.add-row-panel-hint,
.dashnav-refresh-action,
.dashnav-zoom-out,
.dashnav-action-icons {
.dashnav-action-icons,
.dashnav-move-timeframe {
display: none;
}