Skip to content

Fix estimated network fee line split#9648

Merged
Gudahtt merged 1 commit intodevelopfrom
estimated-network-fee-line-split
Oct 19, 2020
Merged

Fix estimated network fee line split#9648
Gudahtt merged 1 commit intodevelopfrom
estimated-network-fee-line-split

Conversation

@rekmarks
Copy link
Copy Markdown
Member

@rekmarks rekmarks commented Oct 19, 2020

The Estimated network fee line in the Fee Card of the View Quote component would sometimes split. This PR ensures it will never split by decreasing the network fee decimals from 6 to 5, and setting the same padding (12px) for the bold row as the non-bold row.

The alignment of the two rows is not great, but it looks even worse if the row splits.

Before:

image

Appearance:

image

@rekmarks rekmarks requested a review from a team as a code owner October 19, 2020 22:51
@rekmarks rekmarks requested a review from Gudahtt October 19, 2020 22:51
@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [1ba56f7]
Page Load Metrics (418 ± 62 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint297738105
domContentLoaded27169541612962
load27369641812962
domInteractive27169541612962

Copy link
Copy Markdown
Contributor

@danjm danjm left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Copy Markdown
Member

@Gudahtt Gudahtt left a comment

Choose a reason for hiding this comment

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

This is an improvement, but the problem persists when the fiat value is large.

We need to come back to this and fix it properly using CSS, with dynamic column sizes and ellipses for long values. Looks good for now though.

@Gudahtt Gudahtt merged commit edefdc4 into develop Oct 19, 2020
@Gudahtt Gudahtt deleted the estimated-network-fee-line-split branch October 19, 2020 23:29
@github-actions github-actions bot locked and limited conversation to collaborators Oct 19, 2020
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.

4 participants