style(editor): scope the float responsive :global to .container (#145 review)
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 <noreply@anthropic.com>
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user