Fix tooltip still existing in viewport after hiding them
This commit is contained in:
parent
5827800564
commit
79c8783fdb
1 changed files with 3 additions and 2 deletions
|
@ -1,5 +1,5 @@
|
||||||
.tooltip {
|
.tooltip {
|
||||||
display: block !important;
|
visibility: collapse;
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -17,7 +17,7 @@
|
||||||
&-arrow {
|
&-arrow {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
visibility: collapse;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
transition: opacity $transition;
|
transition: opacity $transition;
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
|
@ -35,6 +35,7 @@
|
||||||
|
|
||||||
&.visible, &-arrow.visible {
|
&.visible, &-arrow.visible {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
&[x-placement^="top"] {
|
&[x-placement^="top"] {
|
||||||
|
|
Loading…
Reference in a new issue