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

[FLASK] Update snap delineator #18385

Merged
merged 11 commits into from
Apr 3, 2023
Merged

[FLASK] Update snap delineator #18385

merged 11 commits into from
Apr 3, 2023

Conversation

GuillaumeRx
Copy link
Contributor

@GuillaumeRx GuillaumeRx commented Mar 30, 2023

Explanation

This updates the Snap delineator per the figma designs linked in the issue.

It also contains a small fix to not limit the snap authorship component width (so it fits the under content width)

Screenshots/Screencaps

image

image

image

Manual Testing Steps

  • Try a Tx insight snap or a snap that uses snap_dialog

@GuillaumeRx GuillaumeRx requested a review from a team as a code owner March 30, 2023 16:15
@GuillaumeRx GuillaumeRx requested a review from NidhiKJha March 30, 2023 16:15
@github-actions
Copy link
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@metamaskbot
Copy link
Collaborator

Builds ready [430ecc2]
Page Load Metrics (1718 ± 65 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint92156124189
domContentLoaded13251936170014168
load13991936171813665
domInteractive13251936169914168
Bundle size diffs
  • background: 0 bytes
  • ui: -4 bytes
  • common: 0 bytes

@codecov
Copy link

codecov bot commented Mar 30, 2023

Codecov Report

Merging #18385 (a42a588) into develop (3cc53a1) will increase coverage by 0.00%.
The diff coverage is 44.44%.

@@           Coverage Diff            @@
##           develop   #18385   +/-   ##
========================================
  Coverage    64.82%   64.82%           
========================================
  Files          930      931    +1     
  Lines        35763    35775   +12     
  Branches      9191     9199    +8     
========================================
+ Hits         23181    23189    +8     
- Misses       12582    12586    +4     
Impacted Files Coverage Δ
ui/pages/confirmation/confirmation.js 1.57% <0.00%> (-0.05%) ⬇️
ui/helpers/constants/flask/delineator.ts 100.00% <100.00%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

ui/helpers/constants/flask/delineator.ts Outdated Show resolved Hide resolved
@GuillaumeRx GuillaumeRx force-pushed the gr/update-snap-delineator branch from fb0cc42 to ba3911a Compare March 31, 2023 10:34
Mrtenz
Mrtenz previously approved these changes Mar 31, 2023
@metamaskbot
Copy link
Collaborator

Builds ready [9d40c64]
Page Load Metrics (1659 ± 94 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint98142119157
domContentLoaded14321999165119493
load14332011165919694
domInteractive14321999165119493
Bundle size diffs
  • background: 0 bytes
  • ui: 7 bytes
  • common: 0 bytes

david0xd
david0xd previously approved these changes Apr 3, 2023
@@ -59,7 +60,7 @@ const SnapAuthorship = ({ snapId, className }) => {
paddingRight={4}
borderRadius={BorderRadius.pill}
display={DISPLAY.FLEX}
style={{ maxWidth: 'fit-content', width: '100%' }}
width={BLOCK_SIZES.FULL}
>
<Box>
<SnapAvatar snapId={snapId} />
Copy link
Member

Choose a reason for hiding this comment

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

Out of scope for this PR, and also too small for its own issue, but could we add a fallback / background color (BackgroundColor.backgroundAlternative) to to take height for transparent avatar situations like attached.

(cc @FrederikBolding)

Screenshot 2023-04-03 at 14 14 17

paddingTop={1}
paddingRight={4}
paddingLeft={4}
paddingBottom={4}
Copy link
Contributor

Choose a reason for hiding this comment

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

same as above, merge please

Copy link
Contributor Author

Choose a reason for hiding this comment

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

We cannot merge here, one of them is set to 1

@GuillaumeRx GuillaumeRx force-pushed the gr/update-snap-delineator branch from bea9f16 to a42a588 Compare April 3, 2023 14:22
@metamaskbot
Copy link
Collaborator

Builds ready [a42a588]
Page Load Metrics (1701 ± 53 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint98160121157
domContentLoaded15241842168610349
load15241842170111053
domInteractive15241842168610349
Bundle size diffs
  • background: 0 bytes
  • ui: -5 bytes
  • common: 0 bytes

@GuillaumeRx GuillaumeRx merged commit f510558 into develop Apr 3, 2023
@GuillaumeRx GuillaumeRx deleted the gr/update-snap-delineator branch April 3, 2023 16:04
@github-actions github-actions bot locked and limited conversation to collaborators Apr 3, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Implement updated snaps delineator
7 participants