Jaya Krishna NamburuandOleg Isonen cfe222c375 refactor: use style-layer-list for all layers based sections in style-panel (#3328)
## Description

This PR refactors the values in style-panel that handles complex values.
Properties like `box-shadow`, `text-shadow`, `filter`,
`backdrop-filter`, `transition` handles multiples values which needs to
be displayed as list. And then allow users to edit them using a content
panel. This PR removes all the individual layers of each property and
created a common layer list item.

## Steps for reproduction

1. Add values to all the sections,
2. Re-order the layers between the values of each property.
3. Deploy / Export the project. 


## Code Review

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

## Before requesting a review

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

## Before merging

- [x] tested locally and on preview environment (preview dev login:
5de6)

---------

Co-authored-by: Oleg Isonen <oleg008@gmail.com>
2024-05-10 18:14:09 +02:00
2024-05-01 16:20:11 +03:00
2023-06-27 10:02:58 +03:00
2022-07-04 19:59:42 +02:00
2023-03-02 11:05:44 +01:00
2024-05-01 16:20:11 +03:00
2023-06-27 18:17:48 +03:00
2024-05-08 01:21:37 +03:00
2023-09-06 21:43:29 +03:00
2024-02-18 11:36:30 +01:00

builder-screenshot

Webstudio is an Open Source Visual Development Platform for developers, designers, and cross-functional teams. You own the data, components, and infrastructure. You can use the hosted version or roll out your own.


Learning Resources

Social Media

Thanks

Lost Pixel

Thanks to Lost Pixel for providing the visual testing platform that helps us review UI changes and catch visual regressions.

Languages
TypeScript 98.9%
PLpgSQL 0.5%
CSS 0.3%
Shell 0.2%
JavaScript 0.1%