github/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2025-12-10 16:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix for hook position in wide column names, refs #2263

Browse source
This commit is contained in:
Simon Willison 2024-02-19 14:01:55 -08:00
commit 27409a7892
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
datasette/static/table.js
View file

@ -227,7 +227,15 @@ const initDatasetteTable = function (manager) {
const hook = menu.querySelector('.hook'); const hook = menu.querySelector('.hook');
const icon = th.querySelector('.dropdown-menu-icon'); const icon = th.querySelector('.dropdown-menu-icon');
const iconRect = icon.getBoundingClientRect(); const iconRect = icon.getBoundingClientRect();
hook.style.left = (iconRect.left - menuLeft + 1) + 'px'; const hookLeft = (iconRect.left - menuLeft + 1) + 'px';
hook.style.left = hookLeft;
// Move the whole menu right if the hook is too far right
const menuRect = menu.getBoundingClientRect();
if (iconRect.right > menuRect.right) {
menu.style.left = (iconRect.right - menuWidth) + 'px';
// And move hook tip as well
hook.style.left = (menuWidth - 13) + 'px';
}
} }
var svg = document.createElement("div"); var svg = document.createElement("div");