ux: updated look of info box

This commit is contained in:
Torkel Ödegaard 2017-05-05 09:16:28 +02:00
parent e75bc5d39a
commit 2479ad262e
3 changed files with 7 additions and 4 deletions

View File

@ -72,7 +72,7 @@
<div ng-show="mode === 'help'">
<div class="grafana-info-box col-lg-8">
<h3 class="page-heading">What does templating do?</h3>
<h5>What does templating do?</h5>
<p>Templating allows for more interactive and dynamic dashboards. Instead of hard-coding things like server, application
and sensor name in you metric queries you can use variables in their place. Variables are shown as dropdown select boxes at the top of
the dashboard. These dropdowns make it easy to change the data being displayed in your dashboard.

View File

@ -17,3 +17,4 @@
</rebuild-on-change>
</div>
<div class="clearfix"></div>

View File

@ -10,9 +10,11 @@
.grafana-info-box {
position: relative;
padding: 5px 20px;
background-color: $tight-form-bg;
border: 1px solid $tight-form-border;
background: $card-background;
box-shadow: $card-shadow;
padding: 1rem;
border-radius: 4px;
h5 {
margin-top: 5px;
}