fix(blocks): the width of the card view is not fully filled (#8988)

Close [BS-1777](https://linear.app/affine-design/issue/BS-1777/card在切换为full-width后没有responsively适配)
toeverything · Dec 16, 2024 · b9a9b9d · b9a9b9d
1 parent 8f17863
commit b9a9b9d
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/affine/block-embed/src/embed-linked-doc-block/styles.ts b/packages/affine/block-embed/src/embed-linked-doc-block/styles.ts
@@ -185,7 +185,7 @@ export const styles = css`
   }
 
   .affine-embed-linked-doc-block:not(.in-canvas) {
-    max-width: 100%;
+    width: 100%;
     min-width: calc(min(${EMBED_CARD_MIN_WIDTH}px, 100%));
   }
 

diff --git a/tests/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-drag.json b/tests/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-drag.json
@@ -25,7 +25,7 @@
           "flavour": "affine:edgeless-text",
           "version": 1,
           "props": {
-            "xywh": "[-25,-25,799.0093994140625,154]",
+            "xywh": "[-25,-25,497,154]",
             "index": "a1",
             "lockedBySelf": false,
             "color": "--affine-palette-line-blue",

diff --git a/...dgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card-min-width.json b/...dgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card-min-width.json
@@ -25,7 +25,7 @@
           "flavour": "affine:edgeless-text",
           "version": 1,
           "props": {
-            "xywh": "[-25,-25,452.4000244140625,154]",
+            "xywh": "[-25,-25,452,154]",
             "index": "a1",
             "lockedBySelf": false,
             "color": "--affine-palette-line-blue",

diff --git a/...napshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card.json b/...napshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card.json
@@ -25,7 +25,7 @@
           "flavour": "affine:edgeless-text",
           "version": 1,
           "props": {
-            "xywh": "[-25,-25,754,154]",
+            "xywh": "[-25,-25,452,154]",
             "index": "a1",
             "lockedBySelf": false,
             "color": "--affine-palette-line-blue",