Perps #489
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| #root { | ||
| max-width: 1280px; | ||
| margin: 0 auto; | ||
| padding: 2rem; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .logo { | ||
| height: 6em; | ||
| padding: 1.5em; | ||
| will-change: filter; | ||
| transition: filter 300ms; | ||
| } | ||
| .logo:hover { | ||
| filter: drop-shadow(0 0 2em #646cffaa); | ||
| } | ||
| .logo.react:hover { | ||
| filter: drop-shadow(0 0 2em #61dafbaa); | ||
| } | ||
|
|
||
| @keyframes logo-spin { | ||
| from { | ||
| transform: rotate(0deg); | ||
| } | ||
| to { | ||
| transform: rotate(360deg); | ||
| } | ||
| } | ||
|
|
||
| @media (prefers-reduced-motion: no-preference) { | ||
| a:nth-of-type(2) .logo { | ||
| animation: logo-spin infinite 20s linear; | ||
| } | ||
| } | ||
|
|
||
| .card { | ||
| padding: 2em; | ||
| } | ||
|
|
||
| .read-the-docs { | ||
| color: #888; | ||
| } |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🧩 Analysis chain
🏁 Script executed:
Repository: pillarwallet/x
Length of output: 68
🏁 Script executed:
Repository: pillarwallet/x
Length of output: 886
🏁 Script executed:
Repository: pillarwallet/x
Length of output: 127
🌐 Web query:
WCAG 1.4.4 Resize text requirement pinch zoom viewport meta tag💡 Result:
Short answer: Disabling pinch/zoom via the viewport meta tag (e.g. user-scalable=no or maximum-scale less than 2 / maximum-scale=1) can cause a WCAG 1.4.4 (Resize Text, Level AA) failure because it prevents users from enlarging text up to 200%. To conform, do not block user zoom in the meta viewport and ensure your CSS/layout lets text enlarge and reflow without loss of content or functionality. [1][2][3]
Recommended fix: use a simple viewport like
and remove user-scalable / maximum-scale constraints; test zoom to 200% (or text-only resizing) on mobile and desktop and fix any clipping/overflow with responsive/CSS changes. [1][2][3]
Sources:
[1] W3C Understanding SC 1.4.4 Resize Text.
[2] W3C/ACT rule “Meta viewport allows for zoom” (checks user-scalable and maximum-scale).
[3] Guidance examples and fixes (GetWCAG / accessibility tool guidance on not disabling zoom).
Disable zoom restrictions to meet WCAG 1.4.4 (Resize Text) accessibility requirement.
The viewport meta tag with
maximum-scale=1anduser-scalable=0prevents users from zooming to 200%, violating Web Content Accessibility Guidelines Level AA. Users with visual impairments cannot enlarge text to read content.To prevent accidental zoom during trading interactions without blocking accessibility, remove the zoom restrictions and use CSS
touch-action: manipulationon specific interactive elements (buttons, sliders) to prevent double-tap zoom while preserving pinch-zoom capability:Then apply to interactive elements:
Test zoom functionality to 200% on mobile devices to confirm text enlarges without clipping.
🤖 Prompt for AI Agents