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

fix: [M3-7722] - Adjust EditableText styling to prevent pixel shift #10132

Merged
merged 2 commits into from
Jan 31, 2024

Conversation

abailly-akamai
Copy link
Contributor

@abailly-akamai abailly-akamai commented Jan 31, 2024

Description 📝

This is a tiny PR to fix a small pixel shift when switching on the editable breadcrumb.

Currently, when clicking on the pencil icon to edit the final breadcrumb (title), we can see the whole breadcrumb shift two pixels and make the content underneath shift as well (see before video).

Changes 🔄

  • Remove unnecessary initial vertical borders
  • Remove fade-in animation (I don't think it adds anything? - makes it looks" buggy")

Preview 📷

Before After
Screen.Recording.2024-01-31.at.10.24.21.mov
Screen.Recording.2024-01-31.at.10.17.01.mov

How to test 🧪

Verification steps

  • Test editable breadcrumbs for various entity details (firewall, linode etc)

As an Author I have considered 🤔

Check all that apply

  • 👀 Doing a self review
  • ❔ Our contribution guidelines
  • 🤏 Splitting feature into small PRs
  • ➕ Adding a changeset
  • 🧪 Providing/Improving test coverage
  • 🔐 Removing all sensitive information from the code and PR description
  • 🚩 Using a feature flag to protect the release
  • 👣 Providing comprehensive reproduction steps
  • 📑 Providing or updating our documentation
  • 🕛 Scheduling a pair reviewing session
  • 📱 Providing mobile support
  • ♿ Providing accessibility support

@abailly-akamai abailly-akamai self-assigned this Jan 31, 2024
@abailly-akamai abailly-akamai marked this pull request as ready for review January 31, 2024 15:36
@abailly-akamai abailly-akamai requested a review from a team as a code owner January 31, 2024 15:36
@abailly-akamai abailly-akamai requested review from carrillo-erik and jaalah-akamai and removed request for a team January 31, 2024 15:37
Copy link

github-actions bot commented Jan 31, 2024

Coverage Report:
Base Coverage: 81.15%
Current Coverage: 81.15%

@carrillo-erik
Copy link
Contributor

Simple enough to approve based on the video.

@cpathipa cpathipa added the Add'tl Approval Needed Waiting on another approval! label Jan 31, 2024
Copy link
Contributor

@hkhalil-akamai hkhalil-akamai left a comment

Choose a reason for hiding this comment

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

Nice enhancement! Test failures look unrelated.

@hkhalil-akamai hkhalil-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Jan 31, 2024
@abailly-akamai
Copy link
Contributor Author

Confirmed test failures are unrelated

@abailly-akamai abailly-akamai merged commit dea5d57 into linode:develop Jan 31, 2024
17 of 18 checks passed
@abailly-akamai abailly-akamai deleted the M3-7722 branch January 31, 2024 22:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Approved Multiple approvals and ready to merge!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants