Skip to content

fix: improve modal UI#536

Merged
ECWireless merged 6 commits intolivepeer:mainfrom
Roaring30s:fix-stake-modal-ui
Feb 23, 2026
Merged

fix: improve modal UI#536
ECWireless merged 6 commits intolivepeer:mainfrom
Roaring30s:fix-stake-modal-ui

Conversation

@Roaring30s
Copy link
Contributor

Description

This PR improves the visual hierarchy and responsive layout of transaction confirmation modals.

Type of Change

  • feat: New feature
  • fix: Bug fix
  • docs: Documentation update
  • style: Code style/formatting changes (no logic changes)
  • refactor: Code refactoring (no behavior change)
  • perf: Performance improvement
  • test: Adding or updating tests
  • build: Build system or dependency changes
  • ci: CI/CD changes
  • chore: Other changes

Related Issue(s)

Fixes #526

Changes Made

  • Enhanced success badge icon & deleted Confirmation title due to redundant messaging
  • Improved text hierarchy for unbonding transactions
  • Added gap of $1 to prevent title collision with Transfer Receipt text

Testing

  • Tested locally
  • Added/updated tests
  • All tests passing

How to test (optional unless test is not trivial)

  1. Go to account page and conduct any of the delegation transactions to view new changes.

Impact / Risk

Risk level: Low

Impacted areas: UI

User impact: Visual

Rollback plan: PR Revert

Screenshots / Recordings (if applicable)

Before

image

After

image

Additional Notes

None

@vercel
Copy link
Contributor

vercel bot commented Feb 3, 2026

@Roaring30s is attempting to deploy a commit to the Livepeer Foundation Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Contributor

vercel bot commented Feb 23, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
explorer-arbitrum-one Ready Ready Preview, Comment Feb 23, 2026 8:47pm

Request Review

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR fixes a UI collision issue in the transaction confirmation modal where the exit icon overlapped with the success indicator. The changes improve the visual hierarchy and layout of the modal by centering the success badge, removing redundant text, and adding proper spacing.

Changes:

  • Removed redundant "Confirmed" text from modal header and centered the enlarged success badge
  • Enhanced the success badge with larger icon (22x22) and increased padding for better prominence
  • Improved text hierarchy in unbonding transactions by reducing font size of explanatory text
  • Added gap spacing to prevent collision between transaction title and receipt link
  • Updated .gitignore to exclude TypeScript build artifacts

Reviewed changes

Copilot reviewed 1 out of 2 changed files in this pull request and generated no comments.

File Description
components/TxConfirmedDialog/index.tsx Enhanced modal UI by centering and enlarging success badge, removing redundant "Confirmed" text, improving text hierarchy in unbonding section, and adding gap to prevent title collision
.gitignore Added TypeScript build artifacts (*.tsbuildinfo and next-env.d.ts) to ignore list

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@ECWireless ECWireless merged commit 62a4ada into livepeer:main Feb 23, 2026
8 of 9 checks passed
@Roaring30s Roaring30s deleted the fix-stake-modal-ui branch February 24, 2026 13:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Stake Success Modal and Exit Icon collide

3 participants