Merge pull request #2708 from basecamp/dep-lexxy-082

Configure Lexxy to add extra spacing between block elements

app/assets/stylesheets/attachments.css

@@ -3,8 +3,8 @@
     block-size: auto;
     display: block;
     inline-size: fit-content;
-    position: relative;
     max-inline-size: 100%;
+    position: relative;
 
     progress {
       inline-size: 100%;
@@ -35,8 +35,7 @@
 
       @supports (field-sizing: content) {
         field-sizing: content;
-        inline-size: auto;
-        min-inline-size: 20ch;
+        inline-size: 100%;
       }
     }
   }

app/assets/stylesheets/lexxy.css

@@ -120,6 +120,10 @@
     margin-block: 1em;
   }
 
+  .lexxy-prompt-menu {
+    max-inline-size: min(35ch, calc(100% - var(--lexxy-prompt-offset-x)));
+  }
+
   /* Content
   /* ------------------------------------------------------------------------ */
 
@@ -188,4 +192,29 @@
   .attachment {
     margin-inline: 0;
   }
+
+  .attachment-gallery {
+    .attachment {
+      display: inline-block;
+      inline-size: calc(33.333% - 0.8ch);
+    }
+
+    &.attachment-gallery--2,
+    &.attachment-gallery--4 {
+      .attachment {
+        inline-size: calc(50% - 0.8ch);
+      }
+    }
+  }
+
+  action-text-attachment[content-type^='application/vnd.actiontext'] {
+    lexxy-node-delete-button {
+      inset-inline-start: -0.25ch;
+
+      .lexxy-floating-controls__group {
+        background-color: oklch(var(--lch-blue-dark));
+        border-radius: 50%;
+      }
+    }
+  }
 }

app/javascript/initializers/index.js

@@ -1,3 +1,4 @@
 import "initializers/current"
 import "initializers/bridge/bridge_element"
 import "initializers/offline"
+import "initializers/lexxy_markdown_paste"

app/javascript/initializers/lexxy_markdown_paste.js

@@ -0,0 +1,3 @@
+document.addEventListener("lexxy:insert-markdown", (event) => {
+  event.detail.addBlockSpacing()
+})