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

fix(protocol-designer): add white space below deck and remove module tag #16856

Open
wants to merge 3 commits into
base: edge
Choose a base branch
from

Conversation

jerader
Copy link
Collaborator

@jerader jerader commented Nov 15, 2024

closes RQA-3604 RQA-3603

Overview

Remove the module tags in protocol steps because they're too small and can't be read
Add white space below protocol overview's deck map when viewport shows 1 column

Test Plan and Hands on Testing

Test slot details in protocol overview when screensize is small enough for 1 column. make sure there is no flickering
Then go to protocol steps and make some steps and see that the module tag is removed from the labware

Changelog

  • remove deck labels
  • add hardcoded white space
  • remove unnecessary debounce due to the white space

Risk assessment

low

@jerader jerader requested a review from a team as a code owner November 15, 2024 19:01
@@ -57,13 +54,6 @@ export function SlotHover(props: SlotHoverProps): JSX.Element | null {
deckDef.cutoutFixtures
) ?? 'cutoutD1'

const debouncedSetHover = useCallback(
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

i believe that since there is white space hardcoded underneath the deck map, debounce is no longer needed, but please double check @koji !

@jerader jerader removed the request for review from a team November 18, 2024 14:01
Copy link
Collaborator

@ncdiehl11 ncdiehl11 left a comment

Choose a reason for hiding this comment

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

Still seeing flickering sporadically and not seeing labware labels for un-nested labware

@koji
Copy link
Contributor

koji commented Nov 18, 2024

I think flickering often occurs when hovering over an adjacent slot that has nothing. However, it also happens with none -> none, so I’m not sure about the exact cause. I thought the issue cause from the size change but none -> none case has the same flickering issue.

@jerader
Copy link
Collaborator Author

jerader commented Nov 18, 2024

@ncdiehl11 @koji, i think the flickering issue is not really a bug since there is white space between the hover containers on the deck map. Will ask in the PD weekly tomorrow though what people think.

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.

3 participants