[vislib/tooltip] vertically center the info icon
This commit is contained in:
parent
1d83784ba3
commit
61b576e0bb
|
@ -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>
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue