Table column cog menu should respect edge of the browser window

[simonw]

Currently causes a horizontal scrollbar:

[simonw]

There's also a horizontal scrollbar on the table at the bottom of that screenshot and I'm not sure why - it might be due to a plugin that's installed on that instance.

[simonw]

Bonus feature: align the tip arrow on the menu with the cog icon that opened it.

[simonw]

Got this working:

I'm pretty happy with that.

[simonw]

Found a bug, with tables with long column names like on https://latest.datasette.io/fixtures/custom_foreign_key_label

[simonw]

Options:

• With wider column labels move the menu to the right to align with the cog icon
• Move the little tip as far right on the menu as it can go without detaching from it
• Make the menu the width of the column

I think the first option will be aesthetically the most pleasant. Need to be careful it doesn't break things if columns are all the way to the left or right of the page.

[simonw]

Fixed:

[simonw]

Now live on https://latest.datasette.io/fixtures - I like this a lot.