chore(release): automatic release v2.1.2

.github/workflows/deployment-docker-image.yml

@@ -123,15 +123,19 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ steps.obtainToken.outputs.token }}
           UPSTREAM_BRANCH: ${{ github.ref_name == 'main' && 'dev' || 'next' }}
+          RELEASE_REF: ${{ steps.read-git-ref.outputs.ref }}
         run: |
           git config user.name "Releases Homarr"
           git config user.email "175486441+homarr-releases[bot]@users.noreply.github.com"
-          git remote set-url origin https://x-access-token:${{ steps.obtainToken.outputs.token }}@github.com/${{ github.repository }}.git
-          git fetch origin ${{ env.UPSTREAM_BRANCH }}
-          git checkout ${{ env.UPSTREAM_BRANCH }}
-          git pull origin ${{ env.UPSTREAM_BRANCH }}
-          git rebase ${{ github.ref_name }}
-          git push origin ${{ env.UPSTREAM_BRANCH }}
+          git remote set-url origin "https://x-access-token:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git"
+          git fetch origin "$UPSTREAM_BRANCH"
+
+          # Dependency installation can modify generated files in the release checkout.
+          sync_dir="$(mktemp -d "${RUNNER_TEMP}/homarr-release-sync.XXXXXX")"
+          trap 'git worktree remove --force "$sync_dir"' EXIT
+          git worktree add --detach "$sync_dir" FETCH_HEAD
+          git -C "$sync_dir" merge --no-edit "$RELEASE_REF"
+          git -C "$sync_dir" push origin "HEAD:${UPSTREAM_BRANCH}"
   build-amd64:
     name: Build docker image for amd64
     needs: release

packages/widgets/src/iframe/component.module.css

@@ -1,7 +1,13 @@
-.iframe {
+.frame {
+  position: relative;
+  overflow: hidden;
   border-radius: var(--mantine-radius-sm);
+}
+
+.iframe {
   width: 100%;
   height: 100%;
+  zoom: var(--board-canvas-ui-scale, 1);
   border: none;
   background: none;
   background-color: transparent;

packages/widgets/src/iframe/component.tsx

@@ -19,7 +19,7 @@ export default function IFrameWidget({ options, isEditMode }: WidgetComponentPro
 
   return (
     <Stack h="100%" w="100%" gap={0}>
-      <Box style={{ flex: 1, minHeight: 0 }}>
+      <Box className={classes.frame} style={{ flex: 1, minHeight: 0 }}>
         <iframe
           loading="lazy"
           style={isEditMode ? { userSelect: "none", pointerEvents: "none" } : undefined}