jab2870/Vim-Vixen
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

support following area tags

Browse source
This commit is contained in:
Shin'ya Ueoka 2017-10-31 21:37:53 +09:00
parent 2c600786c8
commit 14241ca842
3 changed files with 104 additions and 10 deletions
src/content/components/common
hint.js

20
src/content/components/common/hint.js
View file

@ -1,4 +1,18 @@
import './hint.css';
import * as dom from 'shared/utils/dom';
const hintPosition = (element) => {
let { left, top, right, bottom } = dom.viewportRect(element);
if (element.tagName !== 'AREA') {
return { x: left, y: top };
}
return {
x: (left + right) / 2,
y: (top + bottom) / 2,
};
};
export default class Hint {
constructor(target, tag) {
@ -9,14 +23,14 @@ export default class Hint {
this.target = target;
let doc = target.ownerDocument;
let { top, left } = target.getBoundingClientRect();
let { x, y } = hintPosition(target);
let { scrollX, scrollY } = window;
this.element = doc.createElement('span');
this.element.className = 'vimvixen-hint';
this.element.textContent = tag;
this.element.style.left = left + scrollX + 'px';
this.element.style.top = top + scrollY + 'px';
this.element.style.left = x + scrollX + 'px';
this.element.style.top = y + scrollY + 'px';
this.show();
doc.body.append(this.element);