fix: address widget editor review feedback

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"

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"
               />
             </Tooltip>
@@ -231,7 +231,7 @@ const WidgetEditPreview = ({
                 allowNegative={false}
                 clampBehavior="strict"
                 size="xs"
-                leftSection="H"
+                leftSection={t("item.moveResize.field.height.shortLabel")}
                 leftSectionPointerEvents="none"
               />
             </Tooltip>

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;
 }

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(" "),