diff --git a/packages/translation/src/lang/en.json b/packages/translation/src/lang/en.json index bba46c6e7..f206fc80c 100644 --- a/packages/translation/src/lang/en.json +++ b/packages/translation/src/lang/en.json @@ -2083,10 +2083,12 @@ "label": "Section or rail" }, "width": { - "label": "Width" + "label": "Width", + "shortLabel": "W" }, "height": { - "label": "Height" + "label": "Height", + "shortLabel": "H" }, "xOffset": { "label": "X offset" diff --git a/packages/widgets/src/modals/widget-edit-modal.tsx b/packages/widgets/src/modals/widget-edit-modal.tsx index c61f23a86..ea5d1b8e3 100644 --- a/packages/widgets/src/modals/widget-edit-modal.tsx +++ b/packages/widgets/src/modals/widget-edit-modal.tsx @@ -211,7 +211,7 @@ const WidgetEditPreview = ({ allowNegative={false} clampBehavior="strict" size="xs" - leftSection="W" + leftSection={t("item.moveResize.field.width.shortLabel")} leftSectionPointerEvents="none" /> @@ -231,7 +231,7 @@ const WidgetEditPreview = ({ allowNegative={false} clampBehavior="strict" size="xs" - leftSection="H" + leftSection={t("item.moveResize.field.height.shortLabel")} leftSectionPointerEvents="none" /> diff --git a/packages/widgets/src/widget-card-shell.module.css b/packages/widgets/src/widget-card-shell.module.css index 55b76af7f..1724e5147 100644 --- a/packages/widgets/src/widget-card-shell.module.css +++ b/packages/widgets/src/widget-card-shell.module.css @@ -13,7 +13,7 @@ border-color: var(--border-color, var(--default-border-color)) !important; } -.card:global(.iframe-wrapper) { +.card.iframe { background-color: transparent !important; border-color: transparent !important; } diff --git a/packages/widgets/src/widget-card-shell.tsx b/packages/widgets/src/widget-card-shell.tsx index 9c965c78a..a8843c5c4 100644 --- a/packages/widgets/src/widget-card-shell.tsx +++ b/packages/widgets/src/widget-card-shell.tsx @@ -44,6 +44,7 @@ export const WidgetCardShell = ({ ref={innerRef} className={combineClasses( classes.card, + kind === "iframe" && classes.iframe, `${kind}-wrapper`, "board-grid-item-content", advancedOptions.customCssClasses.join(" "),