johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-11 22:14:05 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

🎉 Cap stop amount in UI for wasm (#6438)
Some checks are pending
Commit Message Check / Check Commit Message (push) Waiting to run
Details

Browse Source 
* 🎉 Cap in the colorpicker the amount of stops a gradient can have

* 🎉 Cap the stops amount in gradient handlers

* 🎉 Disable add stop in gradient handlers (viewport + colorpicker)

* ✨ Add integration test for gradient limits

* 💄 Address PR suggestion
This commit is contained in:
Belén Albeza
2025-05-13 10:37:05 +02:00
committed by GitHub
parent 69cc4fb4c2
commit 91fbe8f8ef
10 changed files with 438 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
frontend/playwright/data/workspace/get-file-fragment-gradient-limits.json Normal file
View File

@@ -0,0 +1,279 @@
{
"~:id": "~u66697432-c33d-8055-8006-2c62de27d653",
"~:file-id": "~u66697432-c33d-8055-8006-2c62cc084cac",
"~:created-at": "~m1747053122715",
"~:data": {
"~:options": {},
"~:objects": {
"~u00000000-0000-0000-0000-000000000000": {
"~#shape": {
"~:y": 0,
"~:hide-fill-on-export": false,
"~:transform": {
"~#matrix": {
"~:a": 1.0,
"~:b": 0.0,
"~:c": 0.0,
"~:d": 1.0,
"~:e": 0.0,
"~:f": 0.0
}
},
"~:rotation": 0,
"~:name": "Root Frame",
"~:width": 0.01,
"~:type": "~:frame",
"~:points": [
{
"~#point": {
"~:x": 0.0,
"~:y": 0.0
}
},
{
"~#point": {
"~:x": 0.01,
"~:y": 0.0
}
},
{
"~#point": {
"~:x": 0.01,
"~:y": 0.01
}
},
{
"~#point": {
"~:x": 0.0,
"~:y": 0.01
}
}
],
"~:r2": 0,
"~:proportion-lock": false,
"~:transform-inverse": {
"~#matrix": {
"~:a": 1.0,
"~:b": 0.0,
"~:c": 0.0,
"~:d": 1.0,
"~:e": 0.0,
"~:f": 0.0
}
},
"~:r3": 0,
"~:r1": 0,
"~:id": "~u00000000-0000-0000-0000-000000000000",
"~:parent-id": "~u00000000-0000-0000-0000-000000000000",
"~:frame-id": "~u00000000-0000-0000-0000-000000000000",
"~:strokes": [],
"~:x": 0,
"~:proportion": 1.0,
"~:r4": 0,
"~:selrect": {
"~#rect": {
"~:x": 0,
"~:y": 0,
"~:width": 0.01,
"~:height": 0.01,
"~:x1": 0,
"~:y1": 0,
"~:x2": 0.01,
"~:y2": 0.01
}
},
"~:fills": [
{
"~:fill-color": "#FFFFFF",
"~:fill-opacity": 1
}
],
"~:flip-x": null,
"~:height": 0.01,
"~:flip-y": null,
"~:shapes": [
"~u4a1d24c0-c794-80ff-8006-2c62cd7f23e0"
]
}
},
"~u4a1d24c0-c794-80ff-8006-2c62cd7f23e0": {
"~#shape": {
"~:y": 303,
"~:transform": {
"~#matrix": {
"~:a": 1.0,
"~:b": 0.0,
"~:c": 0.0,
"~:d": 1.0,
"~:e": 0.0,
"~:f": 0.0
}
},
"~:rotation": 0,
"~:hide-in-viewer": false,
"~:name": "Rectangle",
"~:width": 100,
"~:type": "~:rect",
"~:points": [
{
"~#point": {
"~:x": 205,
"~:y": 303
}
},
{
"~#point": {
"~:x": 305,
"~:y": 303
}
},
{
"~#point": {
"~:x": 305,
"~:y": 403
}
},
{
"~#point": {
"~:x": 205,
"~:y": 403
}
}
],
"~:r2": 0,
"~:proportion-lock": false,
"~:transform-inverse": {
"~#matrix": {
"~:a": 1.0,
"~:b": 0.0,
"~:c": 0.0,
"~:d": 1.0,
"~:e": 0.0,
"~:f": 0.0
}
},
"~:r3": 0,
"~:r1": 0,
"~:id": "~u4a1d24c0-c794-80ff-8006-2c62cd7f23e0",
"~:parent-id": "~u00000000-0000-0000-0000-000000000000",
"~:frame-id": "~u00000000-0000-0000-0000-000000000000",
"~:strokes": [],
"~:x": 205,
"~:proportion": 1,
"~:r4": 0,
"~:selrect": {
"~#rect": {
"~:x": 205,
"~:y": 303,
"~:width": 100,
"~:height": 100,
"~:x1": 205,
"~:y1": 303,
"~:x2": 305,
"~:y2": 403
}
},
"~:fills": [
{
"~:fill-color-gradient": {
"~:start-x": 0.5,
"~:start-y": 0,
"~:end-x": 0.5,
"~:end-y": 1,
"~:width": 1,
"~:type": "~:linear",
"~:stops": [
{
"~:color": "#003fff",
"~:offset": 0,
"~:opacity": 1
},
{
"~:color": "#003fff",
"~:offset": 0.07,
"~:opacity": 0.9299999999999999
},
{
"~:color": "#003fff",
"~:offset": 0.13,
"~:opacity": 0.87
},
{
"~:color": "#003fff",
"~:offset": 0.2,
"~:opacity": 0.8
},
{
"~:color": "#003fff",
"~:offset": 0.27,
"~:opacity": 0.73
},
{
"~:color": "#003fff",
"~:offset": 0.33,
"~:opacity": 0.6699999999999999
},
{
"~:color": "#003fff",
"~:offset": 0.4,
"~:opacity": 0.6
},
{
"~:color": "#003fff",
"~:offset": 0.47,
"~:opacity": 0.53
},
{
"~:color": "#003fff",
"~:offset": 0.53,
"~:opacity": 0.47
},
{
"~:color": "#003fff",
"~:offset": 0.6,
"~:opacity": 0.4
},
{
"~:color": "#003fff",
"~:offset": 0.67,
"~:opacity": 0.32999999999999996
},
{
"~:color": "#003fff",
"~:offset": 0.73,
"~:opacity": 0.27
},
{
"~:color": "#003fff",
"~:offset": 0.8,
"~:opacity": 0.19999999999999996
},
{
"~:color": "#003fff",
"~:offset": 0.87,
"~:opacity": 0.13
},
{
"~:color": "#003fff",
"~:offset": 0.93,
"~:opacity": 0.06999999999999995
},
{
"~:color": "#003fff",
"~:offset": 1,
"~:opacity": 0
}
]
}
}
],
"~:flip-x": null,
"~:height": 100,
"~:flip-y": null
}
}
},
"~:id": "~u66697432-c33d-8055-8006-2c62cc084cad",
"~:name": "Page 1"
}
}