webstudio

0 Fork 0

mirror of https://github.com/webstudio-is/webstudio.git synced 2026-10-30 00:27:43 +09:00

Files

T

Jaya Krishna Namburu ce2dad417d refactor: use longhand properties to save transition values in style-panel (#3584 )

## Description

fixes #3567 

Use long-hand properties to save `transition` values in the style-panel.

## Steps for reproduction
- Add some layers in transition panel in UI.
- Delete some layers
- Swap some layers

## TODO

- [ ] Allow `show/hide` for each layer.
- [ ] Add tests for all the layer handlers for transition.

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

@TrySound i made some refactor to use individual properties as
long-hands instead of short-hand property. I am still yet to add tests
for the new handlers, since they need to be handled in a different way
now for transitions. But you can still play around with the current
setup.

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests

2024-06-23 13:23:56 +02:00

src

refactor: use longhand properties to save transition values in style-panel (#3584 )

2024-06-23 13:23:56 +02:00

jest.config.js

Migrate packages to native ESM (#493 )

2022-11-23 10:12:58 +03:00

LICENSE

Change license from MIT to AGPL V3 (#1980 )

2023-07-26 01:06:21 +02:00

package.json

build: publish 0.168.0 (#3556 )

2024-06-13 14:57:21 +03:00

README.md

rename designer to builder

2023-02-14 11:15:24 +01:00

tsconfig.dts.json

Check types outside of src folder (#1789 )

2023-06-14 23:37:24 +03:00

tsconfig.json

Check types outside of src folder (#1789 )

2023-06-14 23:37:24 +03:00

README.md

CSS Engine

This package is designed to render effectively CSS in the format produced by Webstudio Builder. It is using CSS variables for all dynamic parts and can render at runtime as for usage on Live Canvas in the Builder as well as for extracting a fully static style sheet for production.