Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhance iOS UI, Unify Styling, and Disable Global USD Mode #5309

Merged
merged 33 commits into from
Jan 23, 2025

Conversation

fairlighteth
Copy link
Contributor

Summary of Changes

Mobile & iOS Enhancements

  • Auto-scroll to the "My Orders" section on mobile devices.
  • Enforced 16px font-size to prevent iOS input zoom. This is for iOS devices only using a CSS only solution.

UI & Styling Updates

  • Capitalized certain labels (e.g. “Settings”).
  • Refactored components (RateInfo, OrderProgressBarV2, row elements) to standardize props and remove extra logic (e.g. withTimelineDot).
  • Fine-tuned spacing, margins, and font sizes across various components.
  • Set a fixed table height in certain views.

Feature Toggles & Visibility

  • Hid search input and tabs if no orders or if the user is not connected.
  • Showed search UI even for zero results.
  • Removed/Commented out code paths for the Global USD Mode toggle.
  • Prevented "filled" status from displaying for orders still awaiting signature (TWAP).

Miscellaneous Fixes

  • Corrected some props being passed through the DOM.
  • Improved handling of different order states (final vs. signing).
  • Cleaned up tooltips, references to “timeline dots,” and standardized color usage.

Overall, these changes streamline the codebase, improve mobile/iOS usability, refine UI behaviors, and disable unneeded features for a cleaner user experience.

Copy link

vercel bot commented Jan 17, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
cowfi ✅ Ready (Inspect) Visit Preview Jan 23, 2025 0:30am
explorer-dev ✅ Ready (Inspect) Visit Preview Jan 23, 2025 0:30am
swap-dev ✅ Ready (Inspect) Visit Preview Jan 23, 2025 0:30am
3 Skipped Deployments
Name Status Preview Updated (UTC)
cosmos ⬜️ Ignored (Inspect) Visit Preview Jan 23, 2025 0:30am
sdk-tools ⬜️ Ignored (Inspect) Visit Preview Jan 23, 2025 0:30am
widget-configurator ⬜️ Ignored (Inspect) Visit Preview Jan 23, 2025 0:30am

@fairlighteth
Copy link
Contributor Author

Originally, I removed it when the user wasn’t connected. However, keeping it serves to inform users that they can expect to see their orders there—even if none are currently displayed.

@fairlighteth , thank you for explanation. At least, could you please remove 'hover' effect from it as it does not make sense? image

Addressed in this PR

Copy link
Contributor

@elena-zh elena-zh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you!

@@ -39,7 +39,8 @@ import { WrapFlowActionButton } from '../WrapFlowActionButton'
const scrollToMyOrders = () => {
const element = document.getElementById(MY_ORDERS_ID)
if (element) {
element.scrollIntoView({ behavior: 'smooth' })
const elementTop = element.getBoundingClientRect().top + window.scrollY - 76
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Need comments here, what 76 does mean?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Addressed this. This is the sticky header offset. Made more obvious by moving to const with a comment.

Base automatically changed from feat/limit-ui-upgrade-15 to feat/limit-ui-upgrade January 23, 2025 07:34
…l/cowswap into feat/limit-ui-upgrade-16

# Conflicts:
#	apps/cowswap-frontend/src/modules/ordersTable/pure/OrdersTableContainer/OrderRow/index.tsx
@alfetopito alfetopito merged commit fb59854 into feat/limit-ui-upgrade Jan 23, 2025
12 of 13 checks passed
@alfetopito alfetopito deleted the feat/limit-ui-upgrade-16 branch January 23, 2025 12:37
@github-actions github-actions bot locked and limited conversation to collaborators Jan 23, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants