blsmedia/bot
2
0
Fork 0
Code Issues Activity

🐛 (textBubble) Fix overflow with long links

Browse Source 
Closes #764
This commit is contained in:
Baptiste Arnaud
2023-10-12 17:33:23 +02:00
parent ad791789ba
commit 9bbb30f30d
9 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/embeds/js/src/features/blocks/bubbles/audio/components/AudioBubble.tsx
View File

@@ -38,7 +38,7 @@ export const AudioBubble = (props: Props) => {
return (
<div class="flex flex-col animate-fade-in" ref={ref}>
<div class="flex w-full items-center">
<div class={'flex relative z-10 items-start typebot-host-bubble'}>
<div class="flex relative z-10 items-start typebot-host-bubble max-w-full">
<div
class="flex items-center absolute px-4 py-2 bubble-typing z-10 "
style={{

4
packages/embeds/js/src/features/blocks/bubbles/embed/components/EmbedBubble.tsx
View File

@@ -33,9 +33,7 @@ export const EmbedBubble = (props: Props) => {
return (
<div class="flex flex-col w-full animate-fade-in" ref={ref}>
<div class="flex w-full items-center">
<div
class={'flex relative z-10 items-start typebot-host-bubble w-full'}
>
<div class="flex relative z-10 items-start typebot-host-bubble w-full max-w-full">
<div
class="flex items-center absolute px-4 py-2 bubble-typing z-10 "
style={{

2
packages/embeds/js/src/features/blocks/bubbles/image/components/ImageBubble.tsx
View File

@@ -61,7 +61,7 @@ export const ImageBubble = (props: Props) => {
return (
<div class="flex flex-col animate-fade-in" ref={ref}>
<div class="flex w-full items-center">
<div class={'flex relative z-10 items-start typebot-host-bubble'}>
<div class="flex relative z-10 items-start typebot-host-bubble max-w-full">
<div
class="flex items-center absolute px-4 py-2 bubble-typing z-10 "
style={{

2
packages/embeds/js/src/features/blocks/bubbles/textBubble/components/TextBubble.tsx
View File

@@ -49,7 +49,7 @@ export const TextBubble = (props: Props) => {
return (
<div class="flex flex-col animate-fade-in" ref={ref}>
<div class="flex w-full items-center">
<div class="flex relative items-start typebot-host-bubble">
<div class="flex relative items-start typebot-host-bubble max-w-full">
<div
class="flex items-center absolute px-4 py-2 bubble-typing "
style={{

2
packages/embeds/js/src/features/blocks/bubbles/video/components/VideoBubble.tsx
View File

@@ -41,7 +41,7 @@ export const VideoBubble = (props: Props) => {
return (
<div class="flex flex-col w-full animate-fade-in" ref={ref}>
<div class="flex w-full items-center">
<div class="flex relative z-10 items-start typebot-host-bubble overflow-hidden w-full">
<div class="flex relative z-10 items-start typebot-host-bubble overflow-hidden w-full max-w-full">
<div
class="flex items-center absolute px-4 py-2 bubble-typing z-10 "
style={{