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

UI: Remove css zoom #21303

Merged
merged 8 commits into from
Jul 10, 2023
Merged

Conversation

Luk-z
Copy link
Contributor

@Luk-z Luk-z commented Feb 28, 2023

Closes #21302

What I did

Remove the support of css zoom because it's a non-standard feature and should not be used as i described here.

How to test

Just create a story in a docs page with a fixed div (with top, left, bottom and right 0px).

Checklist

  • Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
  • Make sure to add/update documentation regarding your changes
  • If you are deprecating/removing a feature, make sure to update
    MIGRATION.MD

Maintainers

  • If this PR should be tested against many or all sandboxes,
    make sure to add the ci:merged or ci:daily GH label to it.
  • Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

@SaurabhChauhan213

This comment was marked as off-topic.

@ShaunEvening
Copy link
Contributor

Hi @Luk-z!

Could you share an example for us to look into this in more detail, please?

@Luk-z
Copy link
Contributor Author

Luk-z commented Mar 20, 2023

Hi @integrayshaun , sorry for late response... Here the example.

As You can see I wrapped the 2 story inside a div, simulating Canvas story container using transform scale. In the Docs page using scale the result is more coherent with a canvas/container behavior.

@valentinpalkovic
Copy link
Contributor

Hi @Luk-z,

Thank you for your contribution!

It seems, that you have some Typescript related issues on your branch: https://github.com/storybookjs/storybook/actions/runs/4718187330/jobs/8367516000?pr=21303#step:4:367

@Luk-z
Copy link
Contributor Author

Luk-z commented Apr 22, 2023

@valentinpalkovic fixed!

@valentinpalkovic valentinpalkovic changed the title 🔥 Zoom Element: remove css zoom Manager: 🔥 Zoom Element: remove css zoom Jul 7, 2023
@valentinpalkovic valentinpalkovic merged commit bfd3e44 into storybookjs:next Jul 10, 2023
@github-actions github-actions bot mentioned this pull request Jul 10, 2023
14 tasks
@shilman shilman changed the title Manager: 🔥 Zoom Element: remove css zoom UI: Remove css zoom Jul 10, 2023
@Luk-z Luk-z deleted the feature/remove_css_zoom branch July 25, 2023 06:20
@valentinpalkovic
Copy link
Contributor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Don't use css zoom in ZoomElement
4 participants