search

oasisprotocol / wallet

Official non-custodial wallet for the Oasis Network.
https://wallet.oasis.io
Apache License 2.0
110 stars 45 forks source link

Toolbar layout breaks at 769 width #1881

Open lukaw3d opened 6 months ago

lukaw3d commented 6 months ago

For window sizes 769 .. 783 the toolbar layout is broken

https://github.com/oasisprotocol/oasis-wallet-web/assets/3758846/51b37a50-3b33-46c6-a5fe-8f0050b4bdc4

lukaw3d commented 6 months ago

When window width is 769 document.body.clientWidth returns 754 (maybe scrollbar width difference?)

Toolbar uses media queries https://github.com/oasisprotocol/oasis-wallet-web/blob/3ea48a2730d4e48daf2f6b4d477da5eea7834431/src/app/components/Toolbar/index.tsx#L23

Grommet ResponsiveContext uses document.body.clientWidth https://github.com/grommet/grommet/blob/feb323b0a25c6b6e908fb3bb3210575928680760/src/js/components/Grommet/Grommet.js#L131-L140