search

GitbookIO / styleguide

GitBook.com HTML/CSS Style Guide
http://styleguide.gitbook.com
Apache License 2.0
86 stars 23 forks source link

Popover with hover #20

Closed Soreine closed 7 years ago

Soreine commented 7 years ago

Popovers cannot be displayed on hover, because the margin-top: 14px for the popover makes a gap between the hovered element and the popover.

Soreine commented 7 years ago

Fixed by adding a wrapper with a padding, to replace the previous margin-top. Maybe another solution would be to find a way to replace the margin-top by an invisible element:

<div class="popover-wrapper">
    <div class="popover-margin" style="height: 14px"/>
    <div class="popover-arrow"></div>
    <div class="popover-heading"></div>
    <div class="popover-body"></div>
</div>