@linktr.ee/messaging-react 3.12.5 → 3.12.6-rc-1784195094

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.12.5",
+  "version": "3.12.6-rc-1784195094",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@linktr.ee/component-library": "11.8.6",
-    "@linktr.ee/messaging-core": "^2.2.0",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1784195094",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/styles.css

@@ -346,14 +346,12 @@
   grid-template-columns: 28px 1fr;
   justify-items: flex-start;
 
-  /* Reserve ~1/6 of the channel width on the open side of text bubbles
-     (MES-1278). Ideally this would apply to every content type, but other
-     media bubbles still use fixed widths — those need to go fluid before
-     the same spacing can be applied generally. */
-  .str-chat__message-bubble:has(.str-chat__message-text) {
-    margin-inline-end: calc(
-      (100vw - 2 * min(var(--str-chat__spacing-10), 4%)) / 6
-    );
+  /* Reserve ~1/6 of the channel width on the open side of text-only bubbles
+     (MES-1278). Scoped to messages with a single `.str-chat__message-bubble`
+     that carries `.str-chat__message-text` — other media still use fixed
+     widths and need to go fluid before the same spacing can apply generally. */
+  &:has(.str-chat__message-bubble:only-child .str-chat__message-text) {
+    padding-inline-end: calc(100% / 6);
   }
 }
 
@@ -378,10 +376,8 @@
   justify-items: end;
 
   /* Same open-side reserve as --other (see above). */
-  .str-chat__message-bubble:has(.str-chat__message-text) {
-    margin-inline-start: calc(
-      (100vw - 2 * min(var(--str-chat__spacing-10), 4%)) / 6
-    );
+  &:has(.str-chat__message-bubble:only-child .str-chat__message-text) {
+    padding-inline-start: calc(100% / 6);
   }
 }