pinned no longer needed
This commit is contained in:
parent
6f696874bb
commit
8ab30545b2
@ -53,7 +53,6 @@ const Popover = {
|
|||||||
// with popovers refusing to be hidden when user wants to interact with something in below popover
|
// with popovers refusing to be hidden when user wants to interact with something in below popover
|
||||||
lockReEntry: false,
|
lockReEntry: false,
|
||||||
hidden: true,
|
hidden: true,
|
||||||
pinned: false,
|
|
||||||
styles: {},
|
styles: {},
|
||||||
oldSize: { width: 0, height: 0 },
|
oldSize: { width: 0, height: 0 },
|
||||||
scrollable: null,
|
scrollable: null,
|
||||||
@ -202,7 +201,6 @@ const Popover = {
|
|||||||
},
|
},
|
||||||
showPopover () {
|
showPopover () {
|
||||||
if (this.disabled) return
|
if (this.disabled) return
|
||||||
this.pinned = false
|
|
||||||
const wasHidden = this.hidden
|
const wasHidden = this.hidden
|
||||||
this.hidden = false
|
this.hidden = false
|
||||||
this.parentPopover && this.parentPopover.onChildPopoverState(this, true)
|
this.parentPopover && this.parentPopover.onChildPopoverState(this, true)
|
||||||
@ -236,7 +234,7 @@ const Popover = {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
onMouseleave (e) {
|
onMouseleave (e) {
|
||||||
if (this.trigger === 'hover' && !this.pinned && this.childrenShown.size > 0) {
|
if (this.trigger === 'hover' && this.childrenShown.size > 0) {
|
||||||
this.graceTimeout = setTimeout(() => this.hidePopover(), 1)
|
this.graceTimeout = setTimeout(() => this.hidePopover(), 1)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -249,7 +247,7 @@ const Popover = {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
onMouseleaveContent (e) {
|
onMouseleaveContent (e) {
|
||||||
if (this.trigger === 'hover' && !this.pinned && this.childrenShown.size > 0) {
|
if (this.trigger === 'hover' && this.childrenShown.size === 0) {
|
||||||
this.graceTimeout = setTimeout(() => this.hidePopover(), 1)
|
this.graceTimeout = setTimeout(() => this.hidePopover(), 1)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -270,11 +268,6 @@ const Popover = {
|
|||||||
this.hidePopover()
|
this.hidePopover()
|
||||||
if (this.parentPopover) this.parentPopover.onClickOutside(e)
|
if (this.parentPopover) this.parentPopover.onClickOutside(e)
|
||||||
},
|
},
|
||||||
onClickContent (e) {
|
|
||||||
if (this.trigger === 'hover' && this.stayOnClick) {
|
|
||||||
this.pinned = true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onScroll (e) {
|
onScroll (e) {
|
||||||
this.updateStyles()
|
this.updateStyles()
|
||||||
},
|
},
|
||||||
|
@ -28,15 +28,6 @@
|
|||||||
class="popover-inner"
|
class="popover-inner"
|
||||||
:close="hidePopover"
|
:close="hidePopover"
|
||||||
/>
|
/>
|
||||||
<div
|
|
||||||
v-if="stayOnClick && pinned"
|
|
||||||
class="pinned-tooltip-icon popover popover-default"
|
|
||||||
>
|
|
||||||
<FAIcon
|
|
||||||
icon="thumbtack"
|
|
||||||
class="faint"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
</teleport>
|
</teleport>
|
||||||
@ -61,17 +52,6 @@
|
|||||||
box-shadow: var(--popupShadow);
|
box-shadow: var(--popupShadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pinned-tooltip-icon {
|
|
||||||
position: absolute;
|
|
||||||
top: -1em;
|
|
||||||
left: -1em;
|
|
||||||
width: 2em;
|
|
||||||
height: 2em;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-default {
|
.popover-default {
|
||||||
&:after {
|
&:after {
|
||||||
content: '';
|
content: '';
|
||||||
|
Loading…
Reference in New Issue
Block a user