search

stencila / stencila

Documents with Scientific Intelligence
https://stencila.io
Apache License 2.0
802 stars 47 forks source link

bug(vscode): provenance chips / bars go off screen for crowded / large font screens #2452

Open jduckles opened 8 hours ago

jduckles commented 8 hours ago

What happened?

Saw this in a user test today when the font size was cranked up during screen sharing:

Screen-Recording-2024-11-28-11-10-58

Which product?

Stencila VSCode extension

Which version?

v0.0.18

Log output

No response

mike-parkin commented 5 hours ago

the easiest way to fix this is to increase the x-padding of the document window (an extra 1rem should do it).

alternatively I can set a window breakpoint in the component to reduce the offset when the innerwidth gets below a certain point.

Here's what is looks like with the padding added:

image

nokome commented 3 hours ago

I'm wondering if both make the padding and the reduced offset on smaller devices make sense (i.e. remove "alternatively" from your suggestion :))