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(protocol-designer): tiprack option redesign to not have scroll #15141

Merged
merged 3 commits into from
May 9, 2024

Conversation

jerader
Copy link
Collaborator

@jerader jerader commented May 9, 2024

closes RQA-2681

Overview

Pipette selection modal now has a better UI for the tiprack selection where the text doesn't require a left/right scroll

Screenshot 2024-05-09 at 10 27 37

Test Plan

Create a flex or ot-2 protocol and open the edit pipettes section and observe the UI of the tipracks

Changelog

  • change the ui to be similar to selecting tipracks/pipettes/modules in the wizard
  • fix the test
  • change an icon

Review requests

see test plan

Risk assessment

low

@jerader jerader requested review from a team as code owners May 9, 2024 14:28
@jerader jerader requested review from TamarZanzouri, koji and ncdiehl11 and removed request for a team and TamarZanzouri May 9, 2024 14:28
@@ -118,7 +118,10 @@ function DropdownIndicator(
[styles.flipped]: props.selectProps.menuIsOpen,
})}
>
<Icon name="menu-down" className={cx(styles.dropdown_indicator_icon)} />
<Icon
name="menu-down-pd"
Copy link
Collaborator Author

@jerader jerader May 9, 2024

Choose a reason for hiding this comment

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

i have a feeling this change might affect a few app components - maybe we can come back to find a better fix for this in both the App and PD after 7.3 is out since 7.3 is contained to a release branch

@koji
Copy link
Contributor

koji commented May 9, 2024

the scrollbars are shown up on the sandbox and the look is different from your screenshot.
is this expected?

Screenshot 2024-05-09 at 1 56 18 PM

@jerader
Copy link
Collaborator Author

jerader commented May 9, 2024

the scrollbars are shown up on the sandbox and the look is different from your screenshot. is this expected?

@koji thanks for posting the screenshot! I thought there were no scrollbars 😢 maybe i need to just hide any scrollbars that could appear

Copy link
Contributor

@koji koji left a comment

Choose a reason for hiding this comment

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

left a couple of comments but the changes look good to me.
pipette selection modal looks great!

@jerader jerader merged commit dd5a6a6 into edge May 9, 2024
48 checks passed
@jerader jerader deleted the pd_fix-tiprack-option branch May 9, 2024 19:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants