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(app): Align software keyboard with latest design #14700

Merged
merged 22 commits into from
Mar 29, 2024

Conversation

koji
Copy link
Contributor

@koji koji commented Mar 20, 2024

Overview

  • Rename numpad to Numerical Keyboard and update the layout & styling
  • Add Individual Key

design
https://www.figma.com/file/OIdG64Q5cgvEw82ish5Eee/Design-System%3A-Flex?type=design&node-id=7832-138835&mode=design&t=faWySShsSt9MZhan-0

For Numerical Keyboard, I'm still waiting for the design team's update.

close AUTH-133

Test Plan

make -C components dev

Changelog

Review requests

Risk assessment

low

@koji koji requested a review from a team March 20, 2024 16:17
@koji koji requested review from ncdiehl11 and jerader and removed request for a team March 25, 2024 23:00
@koji koji marked this pull request as ready for review March 25, 2024 23:06
@koji koji requested a review from a team as a code owner March 25, 2024 23:06
@koji koji removed the request for review from a team March 26, 2024 14:20
@@ -0,0 +1,71 @@
/* stylelint-disable */

/* Alphanumeric Keyboard has 3 layouts
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍


.hg-layout-numbers .hg-row .hg-button {
height: 44.75px;
width: 330px !important;
Copy link
Collaborator

Choose a reason for hiding this comment

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

what does !important mean?

Copy link
Contributor Author

@koji koji Mar 28, 2024

Choose a reason for hiding this comment

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

to override style. https://developer.mozilla.org/en-US/docs/Web/CSS/important
Generally, using important isn't good and I hate to use it since that makes CSS debug complicated.
I will keep an eye on this to solve important.

Copy link
Collaborator

@jerader jerader left a comment

Choose a reason for hiding this comment

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

the renames for the components makes a lot of sense! Stories look great and the comments are very helpful. lgtm!

@koji koji merged commit 8f88728 into edge Mar 29, 2024
21 checks passed
@koji koji deleted the fix_align-software-keyboard-with-latest-design branch April 17, 2024 19:02
Carlos-fernandez pushed a commit that referenced this pull request May 20, 2024
* fix(app): Align software keyboard with latest design
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.

2 participants