From a216297ce18b6ad0d225b246b5191e43f7c71e58 Mon Sep 17 00:00:00 2001 From: Pranav Raj S Date: Mon, 10 May 2021 19:58:44 +0530 Subject: [PATCH] feat: Increase the width of the message bubble (#2235) * feat: Increase the width of the message bubble Co-authored-by: Nithin David Thomas --- .../dashboard/assets/scss/widgets/_conversation-view.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss index 56f75ab76..bc3e20254 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss @@ -132,7 +132,6 @@ .bubble { @include bubble-with-types; - max-width: 50rem; text-align: left; word-wrap: break-word; @@ -236,7 +235,9 @@ .wrap { @include margin($zero $space-normal); - max-width: 69%; + + --bubble-max-width: 49.6rem; + max-width: Min(var(--bubble-max-width), 85%); .sender--name { font-size: $font-size-mini;