From 43cf1913e003745b72569c4c86c05a6b5e27ec52 Mon Sep 17 00:00:00 2001 From: claude code agent 227 Date: Wed, 24 Jun 2026 13:08:44 +0300 Subject: [PATCH] style(editor): scope the float responsive :global to .container (#145 review) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Per review: the file's other :global is locally scoped (.container:global(...)), but the new float-reset media rule was fully global in a *.module.css. Scope it to .container — the image node-view container carries BOTH the .container class and the data-image-align attribute (same element), so behavior is unchanged while the selector no longer leaks globally. Co-Authored-By: Claude Opus 4.8 --- .../features/editor/components/common/node-resize.module.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/client/src/features/editor/components/common/node-resize.module.css b/apps/client/src/features/editor/components/common/node-resize.module.css index ec72f955..d2d7d4fe 100644 --- a/apps/client/src/features/editor/components/common/node-resize.module.css +++ b/apps/client/src/features/editor/components/common/node-resize.module.css @@ -81,8 +81,8 @@ the image node view mirrors onto its container. This module is the one actually imported by the resize node views (node-resize-handles.ts), so the rule loads. */ @media (max-width: 600px) { - :global([data-image-align="floatLeft"]), - :global([data-image-align="floatRight"]) { + .container:global([data-image-align="floatLeft"]), + .container:global([data-image-align="floatRight"]) { float: none !important; width: 100% !important; padding: 0 !important;