odoo_source

157,157 Commits 1 Branch 0 Tags

3 Commits

Include renames

Author	SHA1	Message	Date
xO-Tx	3b9406419a	[FIX] web_editor: fix shape animation loss To apply a shape on image, we use its base64 string as source on the <image/> of the shape svg file. Then, the svg is used as source on the targeted DOM element (<img/> on snippet). When the targeted image is an animated GIF, the behaviour is different: CHROME: - The animation works correctly. SAFARI & FF: - The GIF animation is lost (only on non-animated shapes). The animation works correctly on the svg file but once it is used as src of <img/> tag, the animation is lost. The goal of this commit is to fix this behaviour by forcing the animation on SVG content. task-2679905 closes odoo/odoo#108229 X-original-commit: 996acc3977de0346a45da328f42583b4366d1d47 Signed-off-by: Vray Benjamin (bvr) <bvr@odoo.com>	2022-12-22 11:40:52 +01:00
Brieuc-brd	93d5ace34a	[IMP] web_editor: add device shapes for images This commit adds a new category of image shapes: Devices. The purpose is to give the possibility to add images in device mockups with the image shapes. To use it correctly the image needs to be in a specific ratio depending on the shape. To help the user to have the perfect render, an average resolution is shown when hovering the thumbnail of the shape. task-2666049 closes odoo/odoo#79068 Related: odoo/design-themes#525 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>	2022-03-08 15:54:44 +00:00
Arthur Detroux xO-Tx Brieuc-brd Samuel Degueldre	cd403480f9	[IMP] web_editor, mass_mailing, : add shape clipping option on images : tools The ImageOptimizer option can now set shapes on images to use those shapes as clip path and background. It uses a flexible path so that the shape will always fit the image proportionally. We also added an html file alongside a javascript file to semi-convert the shape from illustrator into a usable shape for this usecase (the clip path must have values between one and zero therefore we must do some computation before the shape is ready to use). Thanks to Samuel for this specific shape-converter tool and other technical points about svgs and clip-paths. Thanks to Mehdi for remaining development post-testing and post-reviews and for the many fixes. Thanks to Brieuc for the actual shape SVG files. Part of https://github.com/odoo/odoo/pull/69179 task-2327045 closes odoo/odoo#69179 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com> Co-authored-by: xO-Tx <mou@odoo.com> Co-authored-by: Brieuc-brd <brd@odoo.com> Co-authored-by: Samuel Degueldre <sad@odoo.com>	2021-06-21 16:31:07 +00:00

Author

SHA1

Message

Date

xO-Tx

3b9406419a

[FIX] web_editor: fix shape animation loss

To apply a shape on image, we use its base64 string as source on the
<image/> of the shape svg file. Then, the svg is used as source on the
targeted DOM element (<img/> on snippet).

When the targeted image is an animated GIF, the behaviour is different:

CHROME:
- The animation works correctly.

SAFARI & FF:
- The GIF animation is lost (only on non-animated shapes). The animation
works correctly on the svg file but once it is used as src of <img/> tag,
the animation is lost.

The goal of this commit is to fix this behaviour by forcing the
animation on SVG content.

task-2679905

closes odoo/odoo#108229

X-original-commit: 996acc3977de0346a45da328f42583b4366d1d47
Signed-off-by: Vray Benjamin (bvr) <bvr@odoo.com>

2022-12-22 11:40:52 +01:00

Brieuc-brd

93d5ace34a

[IMP] web_editor: add device shapes for images

This commit adds a new category of image shapes: Devices.
The purpose is to give the possibility to add images in device mockups
with the image shapes.
To use it correctly the image needs to be in a specific ratio depending
on the shape. To help the user to have the perfect render, an average
resolution is shown when hovering the thumbnail of the shape.

task-2666049

closes odoo/odoo#79068

Related: odoo/design-themes#525
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

2022-03-08 15:54:44 +00:00

cd403480f9

[IMP] web_editor, mass_mailing, *: add shape clipping option on images

*: tools

The ImageOptimizer option can now set shapes on images to use those
shapes as clip path and background. It uses a flexible path so that the
shape will always fit the image proportionally. We also added an html
file alongside a javascript file to semi-convert the shape from
illustrator into a usable shape for this usecase (the clip path must
have values between one and zero therefore we must do some computation
before the shape is ready to use).

Thanks to Samuel for this specific shape-converter tool and other
technical points about svgs and clip-paths.

Thanks to Mehdi for remaining development post-testing and post-reviews
and for the many fixes.

Thanks to Brieuc for the actual shape SVG files.

Part of https://github.com/odoo/odoo/pull/69179
task-2327045

closes odoo/odoo#69179

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Co-authored-by: xO-Tx <mou@odoo.com>
Co-authored-by: Brieuc-brd <brd@odoo.com>
Co-authored-by: Samuel Degueldre <sad@odoo.com>

2021-06-21 16:31:07 +00:00