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

refactor(app): make protocol upload failed banner absolute #9089

Merged
merged 1 commit into from
Dec 14, 2021

Conversation

jerader
Copy link
Collaborator

@jerader jerader commented Dec 13, 2021

closes #9050

Overview

this PR makes the protocol upload failed banner absolute so it doesn't take up a ton of room and cause extra space above the protocol upload stuff (which looks weird especially if the error is long)

Screen Shot 2021-12-13 at 16 02 10

Screen Shot 2021-12-13 at 16 02 42

Changelog

  • make alert item position absolute

Review requests

  • review above images, test on a robot 😁

Risk assessment

low, behind ff

@jerader jerader requested a review from a team as a code owner December 13, 2021 21:24
@jerader jerader requested review from shlokamin, smb2268, Kadee80 and sakibh and removed request for a team December 13, 2021 21:24
@jerader jerader added the app Affects the `app` project label Dec 13, 2021
title={t('protocol_upload_failed')}
<Flex
position="absolute"
flexDirection={DIRECTION_COLUMN}
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

for some reason I needed to add this flexDirection, otherwise the banner wouldn't span the whole width (even though I have the width = 100%)

@codecov
Copy link

codecov bot commented Dec 13, 2021

Codecov Report

Merging #9089 (60184ee) into edge (c34f5fd) will increase coverage by 0.94%.
The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff             @@
##             edge    #9089      +/-   ##
==========================================
+ Coverage   74.79%   75.73%   +0.94%     
==========================================
  Files        1866     1309     -557     
  Lines       49710    40205    -9505     
  Branches     4895     2791    -2104     
==========================================
- Hits        37182    30451    -6731     
+ Misses      11671     9351    -2320     
+ Partials      857      403     -454     
Flag Coverage Δ
app 61.52% <ø> (-8.44%) ⬇️

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

Impacted Files Coverage Δ
app/src/organisms/ProtocolUpload/index.tsx
app/src/assets/localization/index.ts
app/src/pages/More/ListLabwareCard/index.tsx
app/src/atoms/layout/CardCopy.tsx
...nisms/ProtocolSetup/LabwarePositionCheck/index.tsx
app/src/organisms/ConfigurePipette/ConfigForm.tsx
app/src/redux/robot/constants.ts
.../src/pages/Robots/RobotSettings/ConnectionCard.tsx
...Settings/SelectNetwork/ConnectModal/form-fields.ts
app/src/organisms/ProtocolSetup/hooks.ts
... and 547 more

Copy link
Contributor

@sakibh sakibh left a comment

Choose a reason for hiding this comment

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

Tested on my robot. LGTM!

@shlokamin shlokamin merged commit b3fc6b6 into edge Dec 14, 2021
@shlokamin shlokamin deleted the app_error-file-pur branch December 14, 2021 18:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
app Affects the `app` project
Projects
None yet
Development

Successfully merging this pull request may close these issues.

extra space between error message and page content
3 participants