@subiz/widget-v4 4.0.79 → 4.0.80

package/assets/less/message.less

@@ -426,7 +426,7 @@ a.message_error {
 }
 
 .generic-attachment {
-	display: inline-block;
+	display: flex;
 	width: 100%;
 	overflow: hidden;
 	width: 100%;
@@ -436,6 +436,10 @@ a.message_error {
 	cursor: grab;
 }
 
+.generic-attachment--element-content {
+	flex: 1;
+}
+
 .generic-attachment--element {
 	border: 1px solid #d8d8d8;
 	background: white;
@@ -443,8 +447,10 @@ a.message_error {
 	overflow: hidden;
 	width: 220px;
 	margin-right: 10px;
-	display: inline-block;
 	vertical-align: top;
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 0;
 
 	&:last-child {
 		margin-right: 0;

package/compiled_src/chatbox/GenericTemplateAttachments.js

@@ -67,7 +67,9 @@ class GenericTemplateAttachments extends _common.Com {
           alt: "generic attachment element",
           class: "generic-attachment--element-img",
           src: this.props.store.replaceFileUrl(ele.image_url)
-        })), $title, $subtitle, (0, _preact.h)(_Buttons.default, {
+        })), (0, _preact.h)("div", {
+          class: "generic-attachment--element-content"
+        }, $title, $subtitle), (0, _preact.h)(_Buttons.default, {
           buttons: ele.buttons,
           onSelect: button => this.props.onSelect(button),
           t: this.props.t

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.0.79",
+	"version": "4.0.80",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",

package/src/chatbox/GenericTemplateAttachments.js

@@ -51,8 +51,10 @@ export default class GenericTemplateAttachments extends Com {
 								src={this.props.store.replaceFileUrl(ele.image_url)}
 							/>
 						</div>
-						{$title}
-						{$subtitle}
+						<div class='generic-attachment--element-content'>
+							{$title}
+							{$subtitle}
+						</div>
 						<Buttons buttons={ele.buttons} onSelect={(button) => this.props.onSelect(button)} t={this.props.t} />
 					</div>
 				)