dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-06 05:29:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

make tooltip text alignment match relative pos

Browse Source
This commit is contained in:
dragonwocky 2021-12-11 14:20:14 +11:00
parent e4187700b2
commit 4fcb467351
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
api/components/tooltip.css
View File

@ -20,7 +20,6 @@
position: absolute; position: absolute;
z-index: 999999999999999999; z-index: 999999999999999999;
pointer-events: none; pointer-events: none;
text-align: center;
} }
#enhancer--tooltip p { #enhancer--tooltip p {
margin: 0; margin: 0;

2
api/components/tooltip.mjs
View File

@ -44,6 +44,7 @@ const countLines = ($el) =>
x += window.innerWidth - x > x ? pad : -pad; x += window.innerWidth - x > x ? pad : -pad;
_$tooltip.style.left = `${x}px`; _$tooltip.style.left = `${x}px`;
} }
_$tooltip.style.textAlign = 'center';
} }
if (['left', 'right'].includes(offsetDirection)) { if (['left', 'right'].includes(offsetDirection)) {
@ -52,6 +53,7 @@ const countLines = ($el) =>
if (offsetDirection === 'right') x += rect.width + pad; if (offsetDirection === 'right') x += rect.width + pad;
_$tooltip.style.left = `${x}px`; _$tooltip.style.left = `${x}px`;
_$tooltip.style.top = `${y}px`; _$tooltip.style.top = `${y}px`;
_$tooltip.style.textAlign = 'auto';
} }
return true; return true;

16
api/index.cjs
View File

File diff suppressed because one or more lines are too long