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

Send dialog: sizing and layout rules to limit dialog height jumping between states #13532

Merged
merged 1 commit into from
Feb 19, 2024

Conversation

Khushboo-dev-cpp
Copy link
Contributor

@Khushboo-dev-cpp Khushboo-dev-cpp commented Feb 12, 2024

#13377

What does the PR do

Applies the new sizing rules for SendModal as per design https://www.figma.com/file/FkFClTCYKf83RJWoifWgoX/Wallet-v2?type=design&node-id=21233-57676&mode=design&t=2O68lxNGG9g1b1tx-4

Please note even though the code looks like its been touched a lot, its only been rearranged or the container has been changed

Affected areas

SendModal

StatusQ checklist

  • add documentation if necessary (new component, new feature)
  • update sandbox app
    • in case of new component, add new component page
    • in case of new features, add variation to existing component page
    • nice to have: add it to the demo application as well
  • test changes in both light and dark theme?

Screenshot of functionality (including design for comparison)

  • I've checked the design and this PR matches it
SendModalSizing.mov

@Khushboo-dev-cpp Khushboo-dev-cpp changed the title Feat/#13377 Send dialog: sizing and layout rules to limit dialog height jumping between states Feb 12, 2024
@status-im-auto
Copy link
Member

status-im-auto commented Feb 12, 2024

Jenkins Builds

Click to see older builds (36)
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 3b5e219 #2 2024-02-12 18:39:47 ~6 min tests/nim 📄log
✔️ 3b5e219 #2 2024-02-12 18:42:38 ~8 min macos/x86_64 🍎dmg
✔️ 3b5e219 #2 2024-02-12 18:42:59 ~9 min macos/aarch64 🍎dmg
✔️ 3b5e219 #2 2024-02-12 18:44:43 ~10 min tests/ui 📄log
✔️ 3b5e219 #2 2024-02-12 18:51:17 ~17 min linux/x86_64 📦tgz
✔️ 3b5e219 #2 2024-02-12 18:57:36 ~23 min windows/x86_64 💿exe
✔️ 97ae41a #3 2024-02-13 11:50:59 ~5 min macos/aarch64 🍎dmg
✔️ 97ae41a #3 2024-02-13 11:51:35 ~5 min tests/nim 📄log
✔️ 97ae41a #3 2024-02-13 11:53:51 ~8 min macos/x86_64 🍎dmg
✔️ 97ae41a #3 2024-02-13 11:57:09 ~11 min tests/ui 📄log
✔️ 97ae41a #3 2024-02-13 12:00:51 ~15 min linux/x86_64 📦tgz
✔️ 97ae41a #3 2024-02-13 12:06:08 ~20 min windows/x86_64 💿exe
✔️ b0a1d34 #5 2024-02-13 14:12:02 ~6 min tests/nim 📄log
✔️ b0a1d34 #5 2024-02-13 14:12:40 ~7 min macos/aarch64 🍎dmg
✔️ b0a1d34 #5 2024-02-13 14:16:20 ~10 min macos/x86_64 🍎dmg
b0a1d34 #5 2024-02-13 14:16:22 ~11 min tests/ui 📄log
✔️ b0a1d34 #5 2024-02-13 14:21:29 ~16 min linux/x86_64 📦tgz
✔️ b0a1d34 #5 2024-02-13 14:31:09 ~25 min windows/x86_64 💿exe
✔️ 3377d37 #6 2024-02-14 14:53:23 ~5 min macos/aarch64 🍎dmg
✔️ 3377d37 #6 2024-02-14 14:54:13 ~6 min tests/nim 📄log
✔️ 3377d37 #6 2024-02-14 14:57:44 ~9 min macos/x86_64 🍎dmg
✔️ 3377d37 #6 2024-02-14 14:58:56 ~10 min tests/ui 📄log
✔️ 3377d37 #6 2024-02-14 15:03:33 ~15 min linux/x86_64 📦tgz
✔️ 3377d37 #6 2024-02-14 15:09:06 ~21 min windows/x86_64 💿exe
✔️ cfda9ac #7 2024-02-14 16:52:35 ~4 min macos/aarch64 🍎dmg
✔️ cfda9ac #7 2024-02-14 16:53:48 ~5 min tests/nim 📄log
✔️ cfda9ac #7 2024-02-14 16:56:07 ~7 min macos/x86_64 🍎dmg
✔️ cfda9ac #7 2024-02-14 16:58:20 ~10 min tests/ui 📄log
✔️ cfda9ac #7 2024-02-14 17:02:39 ~14 min linux/x86_64 📦tgz
✔️ cfda9ac #7 2024-02-14 17:09:33 ~21 min windows/x86_64 💿exe
✔️ b511e0c #9 2024-02-15 09:40:17 ~6 min macos/aarch64 🍎dmg
✔️ b511e0c #9 2024-02-15 09:44:03 ~10 min macos/x86_64 🍎dmg
✔️ b511e0c #9 2024-02-15 09:44:31 ~10 min tests/nim 📄log
✔️ b511e0c #9 2024-02-15 09:49:51 ~16 min tests/ui 📄log
✔️ b511e0c #9 2024-02-15 09:53:53 ~20 min linux/x86_64 📦tgz
✔️ b511e0c #9 2024-02-15 10:06:47 ~32 min windows/x86_64 💿exe
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ b940f9c #10 2024-02-15 15:46:47 ~4 min macos/aarch64 🍎dmg
✔️ b940f9c #10 2024-02-15 15:48:03 ~5 min tests/nim 📄log
✔️ b940f9c #10 2024-02-15 15:53:35 ~11 min macos/x86_64 🍎dmg
✔️ b940f9c #10 2024-02-15 15:53:42 ~11 min tests/ui 📄log
✔️ b940f9c #10 2024-02-15 15:57:19 ~15 min linux/x86_64 📦tgz
b940f9c #10 2024-02-15 15:59:29 ~17 min windows/x86_64 📄log
✔️ b940f9c #11 2024-02-15 19:34:33 ~20 min windows/x86_64 💿exe
✔️ 51c39a6 #11 2024-02-19 15:56:26 ~4 min macos/aarch64 🍎dmg
✔️ 51c39a6 #11 2024-02-19 15:58:14 ~6 min tests/nim 📄log
✔️ 51c39a6 #11 2024-02-19 15:59:58 ~8 min macos/x86_64 🍎dmg
✔️ 51c39a6 #11 2024-02-19 16:02:00 ~10 min tests/ui 📄log
✔️ 51c39a6 #11 2024-02-19 16:07:18 ~15 min linux/x86_64 📦tgz
✔️ 51c39a6 #12 2024-02-19 16:13:10 ~21 min windows/x86_64 💿exe

@dlipicar
Copy link
Contributor

dlipicar commented Feb 15, 2024

Is it just me or the background shade on the per-chain values looks weird? It seems not to be positioned properly.
image

I cannot find that in Figma actually

@Khushboo-dev-cpp
Copy link
Contributor Author

Khushboo-dev-cpp commented Feb 15, 2024

Is it just me or the background shade on the per-chain values looks weird? It seems not to be positioned properly. image

I cannot find that in Figma actually

Seems like thats a scrollbar on top of it which is making it look weird, its for scrolling

created bug #13620 @dlipicar

@Khushboo-dev-cpp
Copy link
Contributor Author

Is it just me or the background shade on the per-chain values looks weird? It seems not to be positioned properly. image
I cannot find that in Figma actually

Seems like thats a scrollbar on top of it which is making it look weird, its for scrolling

However this is an issue that existed before my changes, we probably need to ask Ben and get designs on how to handle this small scrolling area here.

Copy link
Contributor

@dlipicar dlipicar left a comment

Choose a reason for hiding this comment

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

Looks good! In case you haven't please check these changes don't break the relevant Storybook pages

@Khushboo-dev-cpp
Copy link
Contributor Author

Looks good! In case you haven't please check these changes don't break the relevant Storybook pages

thanks for the hint, TokenListViewPage was indeed broken. Ive fixed it now :)

Copy link
Member

@caybro caybro left a comment

Choose a reason for hiding this comment

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

Looks good, just some minor stuff

ui/imports/shared/popups/send/views/SendModalFooter.qml Outdated Show resolved Hide resolved
}

// Horizontal spacer
RowLayout {}
Copy link
Member

Choose a reason for hiding this comment

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

That's a weird way to have a spacer

@Khushboo-dev-cpp Khushboo-dev-cpp merged commit eaef030 into master Feb 19, 2024
8 checks passed
@Khushboo-dev-cpp Khushboo-dev-cpp deleted the feat/#13377 branch February 19, 2024 16:23
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.

None yet

5 participants