Closed sportshead closed 6 months ago
Thanks for bringing this up. I initially thought this was only a behaviour of Chrome DevTools which I use for mobile and tablet layout testing.
The main cause of this is the justify-content: flex-start !important;
in ttAlignLeft.css
. This caused the challenge box to go out of page when an additional -80px margin is already added by CF. I stick to old methods and I usually avoid using :has()
in CSS. A solution for this is to check the document title for the challenge which I implemented in b2f567cd8 .
As a way to reproduce this, you can open Chrome DevTools and turn on mobile layout emulation for iPhone 14 Pro Max. This triggers CF challenge maybe due to a UA string mismatch(my UA is Chrome on Windows unaltered).
This PR will be closed.
Adds an override to
features/align-left/ttAlignLeft.css
to fix Cloudflare challenge widgets appearing at the top of the page.Before:![cloudflare challenge widget at top](https://github.com/Mephiles/torntools_extension/assets/32637656/5af11543-8ed5-4010-8a0c-c74d21c0e0d9)
After:![cloudflare challenge widget at center](https://github.com/Mephiles/torntools_extension/assets/32637656/362f02e7-11bb-4278-8d04-926e1a28923c)