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

Avatar Bloom View in home screen navigation bar #1630

Merged
merged 26 commits into from
Sep 8, 2023
Merged

Conversation

Velin92
Copy link
Member

@Velin92 Velin92 commented Sep 5, 2023

Simulator Screenshot - iPhone 14 - 2023-09-07 at 16 24 43

Simulator.Screen.Recording.-.iPhone.14.-.2023-09-07.at.16.24.07.mp4

Simulator Screenshot - iPhone 14 - 2023-09-07 at 16 35 35

@Velin92 Velin92 requested a review from a team as a code owner September 5, 2023 09:06
@Velin92 Velin92 requested review from alfogrillo and removed request for a team September 5, 2023 09:06
@Velin92 Velin92 marked this pull request as draft September 5, 2023 09:06
@Velin92 Velin92 removed the request for review from alfogrillo September 5, 2023 09:06
@github-actions
Copy link

github-actions bot commented Sep 5, 2023

Warnings
⚠️ Please add a changelog.
⚠️ Some of the commits are missing ticket numbers. Please consider squashing all commits that don't have a tracking number.
⚠️ You seem to have made changes to views. Please consider adding screenshots.

Generated by 🚫 Danger Swift against 9df6213

@codecov
Copy link

codecov bot commented Sep 5, 2023

Codecov Report

Patch coverage has no change and project coverage change: -0.25% ⚠️

Comparison is base (1eac02f) 58.63% compared to head (913ef78) 58.38%.
Report is 1 commits behind head on develop.

❗ Current head 913ef78 differs from pull request most recent head 9df6213. Consider uploading reports for the commit 9df6213 to get more accurate results

Additional details and impacted files
@@             Coverage Diff             @@
##           develop    #1630      +/-   ##
===========================================
- Coverage    58.63%   58.38%   -0.25%     
===========================================
  Files          412      413       +1     
  Lines        28217    28329     +112     
  Branches     14058    14097      +39     
===========================================
- Hits         16545    16541       -4     
- Misses       11214    11331     +117     
+ Partials       458      457       -1     
Flag Coverage Δ
unittests 22.69% <0.00%> (-0.09%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Changed Coverage Δ
ElementX/Sources/Other/ScrollViewAdapter.swift 34.92% <0.00%> (-4.37%) ⬇️
...tX/Sources/Screens/HomeScreen/View/BloomView.swift 0.00% <0.00%> (ø)
...X/Sources/Screens/HomeScreen/View/HomeScreen.swift 37.90% <0.00%> (-17.60%) ⬇️

... and 3 files with indirect coverage changes

☔ View full report in Codecov by Sentry.

📢 Have feedback on the report? Share it here.

@Velin92 Velin92 linked an issue Sep 5, 2023 that may be closed by this pull request
@Velin92 Velin92 added the Trigger-PR-Build Uses to trigger alpha builds for PRs label Sep 6, 2023
@github-actions
Copy link

github-actions bot commented Sep 6, 2023

📱 Scan the QR code below to install the build for this PR.
🔒 This build is for internal testing purpose. Only devices listed in the ad-hoc provisioning profile can install Element Alpha.

QR code

If you can't scan the QR code you can install the build via this link: https://i.diawi.com/3iW5MH

@Velin92 Velin92 marked this pull request as ready for review September 7, 2023 14:26
Copy link

@janogarcia janogarcia left a comment

Choose a reason for hiding this comment

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

Thanks for the demos and test build, Mauro! We're getting super close to the final implementation.

  • Blending modes: We updated the values as follows. Light theme has a Hard Light bottom layer @ 20% opacity, and a top Color layer @ 80% opacity. Dark theme has a Exclusion bottom layer @ 50% opacity, and a top Color layer @ 20% opacity
  • Soft edge mask: We settled 40px/pt for the linear gradient height.
  • Collapsed navigation bar: The bloom shouldn't change its position, if possible, and just be cropped instead (e.g., behavior on Android).

@janogarcia janogarcia self-requested a review September 8, 2023 09:46
Copy link

@janogarcia janogarcia left a comment

Choose a reason for hiding this comment

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

Based on the latest screenshots that @Velin92 just shared over DM.

  • When the Navigation Bar is not collapsed, the linear gradient mask for the "soft edge" effect seems to not be properly placed, there's a small visible gap.
  • When the Navigation Bar is collapsed, we don't have to render the linear gradient mask for the "soft edge" effect.
  • We should restore the hairline border on the Navigation Bar bottom.

@janogarcia
Copy link

A couple visual examples for

When the Navigation Bar is not collapsed, the linear gradient mask for the "soft edge" effect seems to not be properly placed, there's a small visible gap.

Light bloom edge
bloom-edge-light

Dark bloom edge
bloom-edge-dark

Copy link
Member

@pixlwave pixlwave left a comment

Choose a reason for hiding this comment

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

👏👏👏

ElementX/Sources/Other/ScrollViewAdapter.swift Outdated Show resolved Hide resolved
ElementX/Sources/Other/ScrollViewAdapter.swift Outdated Show resolved Hide resolved
ElementX/Sources/Screens/HomeScreen/View/HomeScreen.swift Outdated Show resolved Hide resolved
ElementX/Sources/Screens/HomeScreen/View/HomeScreen.swift Outdated Show resolved Hide resolved
ElementX/Sources/Screens/HomeScreen/View/HomeScreen.swift Outdated Show resolved Hide resolved
@sonarcloud
Copy link

sonarcloud bot commented Sep 8, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@Velin92 Velin92 merged commit 3ce26a9 into develop Sep 8, 2023
5 of 6 checks passed
@Velin92 Velin92 deleted the mauroromito/bloom branch September 8, 2023 14:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Trigger-PR-Build Uses to trigger alpha builds for PRs
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add a Bloom effect in the Home Screen's Navigation Bar
3 participants