maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[vislib/tooltip] vertically center the info icon

Browse source
This commit is contained in:
Spencer Alger 2015-02-05 15:09:15 -07:00
parent 1d83784ba3
commit 61b576e0bb
2 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/kibana/components/vislib/partials/touchdown.tmpl.html
View file

@ -1,5 +1,7 @@
<p class="vis-tooltip-header bg-info">
<i class="fa fa-info-circle"></i>
<%= wholeBucket ? 'Part of this bucket' : 'This area' %>
may contain partial data. <br> The selected time range does not fully cover it.
<i class="fa fa-info-circle vis-tooltip-header-icon"></i>
<span class="vis-tooltip-header-text">
<%= wholeBucket ? 'Part of this bucket' : 'This area' %>
may contain partial data. <br> The selected time range does not fully cover it.
</span>
</p>

11
src/kibana/components/vislib/styles/_tooltip.less
View file

@ -48,10 +48,21 @@
.vis-tooltip-header {
margin: 0 (@tooltip-padding * -1);
padding: (@tooltip-padding / 2) @tooltip-padding;
.display(flex);
.align-items(center);
&:last-child {
margin-bottom: (@tooltip-padding * -1);
}
&-icon {
.flex(0, 0, auto);
padding-right: @tooltip-padding;
}
&-text {
.flex(1, 1, 200px);
}
}
.vis-tooltip-sizing-clone {