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) make deck map bigger in deck setup #16947

Merged
merged 3 commits into from
Nov 22, 2024

Conversation

jerader
Copy link
Collaborator

@jerader jerader commented Nov 22, 2024

closes RQA-3666

Overview

adjust deck map in deck setup - make it bigger and responsive. Also adjust zooming into a slot to match designs more

Test Plan and Hands on Testing

Test deck setup, zooming into a slot, and protocol steps. Make sure it looks good and works as expected. Test with Flex and ot-2

Changelog

  • adjust logic for zooming into slot
  • adjust deck map size in deck setup

Risk assessment

low

@jerader jerader requested a review from a team as a code owner November 22, 2024 15:16
@@ -215,15 +215,15 @@ export function zoomInOnCoordinate(props: ZoomInOnCoordinateProps): string {
const { x, y, deckDef } = props
const [width, height] = [deckDef.dimensions[0], deckDef.dimensions[1]]

const zoomFactor = 0.6
const zoomFactor = 0.55
const newWidth = width * zoomFactor
const newHeight = height * zoomFactor

// +125 and +50 to get the approximate center of the screen point
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
// +125 and +50 to get the approximate center of the screen point
// +20 and +50 to get the approximate center of the screen point

<Flex
backgroundColor={COLORS.white}
borderRadius={BORDERS.borderRadius12}
width="100%"
height={zoomIn.slot != null ? '75vh' : '70vh'}
height={tab === 'protocolSteps' ? '65.75vh' : '100%'}
Copy link
Contributor

Choose a reason for hiding this comment

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

nit

PROTOCOL_STEPS_HEIGHT = '65.75vh

@jerader jerader merged commit 9bdd8c1 into edge Nov 22, 2024
40 checks passed
@jerader jerader deleted the pd_deck-map-stuff branch November 22, 2024 20:07
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.

2 participants