Antoine/carhop__plugins__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE handling native alignements

Browse Source
This commit is contained in:
Antoine M 2026-01-27 13:53:59 +01:00
parent 9eda00022e
commit 4c353ab77b
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/carhop-blocks/src/content-box/edit.js
View File

@ -49,7 +49,7 @@ export default function Edit({ attributes, setAttributes, ...props }) {
const filteredTextColors = filterTextColors(
colors,
postType,
backgroundColor
backgroundColor,
);
function onBackgroundColorChange(value) {
@ -111,8 +111,9 @@ export default function Edit({ attributes, setAttributes, ...props }) {
__nextHasNoMarginBottom
__next40pxDefaultSize
>
<ToggleGroupControlOption value="full" label="Pleine largeur" />
<ToggleGroupControlOption value="contained" label="Contenue" />
<ToggleGroupControlOption value="wide" label="Large" />
<ToggleGroupControlOption value="full" label="Pleine largeur" />
</ToggleGroupControl>
{blockVariant === "backgrounded" && (
@ -157,7 +158,7 @@ export default function Edit({ attributes, setAttributes, ...props }) {
? "content-box--bg-light"
: "content-box--bg-dark"
}
${blockWidth === "contained" ? "alignwide" : "alignfull"}`,
${blockWidth === "contained" ? "aligncontained" : blockWidth === "wide" ? "alignwide" : "alignfull"}`,
style: {
"--content-box-text-color": textColor ?? "inherit",
"--content-box-background-color":
@ -192,6 +193,7 @@ export default function Edit({ attributes, setAttributes, ...props }) {
"carhop-blocks/cta",
"carhop-blocks/cta-group",
"carhop-blocks/audio-player",
"carhop-blocks/content-box",
"carhop-blocks/localisation-map",
"carhop-blocks/notice-panel",
"carhop-blocks/story-timeline",

2
plugins/carhop-blocks/src/content-box/save.js
View File

@ -16,7 +16,7 @@ export default function save({ attributes }) {
className: `content-box content-box--variant-${blockVariant} ${
hasLightBackground ? "content-box--bg-light" : "content-box--bg-dark"
}
${blockWidth === "contained" ? "alignwide" : "alignfull"}`,
${blockWidth === "contained" ? "aligncontained" : blockWidth === "wide" ? "alignwide" : "alignfull"}`,
style: {
"--content-box-text-color": textColor ?? "inherit",
"--content-box-background-color":