question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Missing padding between bot avatar and bot bubble

See original GitHub issue

Screenshots

image

Version

<meta name="botframework-directlinespeech:version" content="4.7.1">
<meta name="botframework-webchat:bundle:variant" content="full-es5">
<meta name="botframework-webchat:bundle:version" content="4.7.1">
<meta name="botframework-webchat:core:version" content="4.7.1">
<meta name="botframework-webchat:ui:version" content="4.7.1">

Describe the bug

Showing avatar for bot side only, the padding between the bot avatar and bot bubble is missing.

Steps to reproduce

  1. Host Web Chat using packages/embed and add &v=4.7

Expected behavior

There should be padding between bot avatar and its bubble.

Additional context

Also seems to repro on 4.6.0, but not 4.5.2.

[Bug]

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
tdurnfordcommented, Jan 15, 2020

@compulim Can you add the image url you are using? I can’t get this repro in v4.6.0 or v4.7.1.

image

<meta name="botframework-directlinespeech:version" content="4.7.1">
<meta name="botframework-webchat:bundle:variant" content="full">
<meta name="botframework-webchat:bundle:version" content="4.7.1">
<meta name="botframework-webchat:core:version" content="4.7.1">
<meta name="botframework-webchat:ui:version" content="4.7.1">
0reactions
compulimcommented, Mar 6, 2020

This should be fixed by now.

@tdurnford you can’t set it in embed. Original plan, style options can be part of query parameters, thus we design style options to be super-flat-and-primitive.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Web Chat customization in the Bot Framework SDK - Bot Service
In this article. Integrate Web Chat into your website; Customizing styles; Set the size of the Web Chat container; Change chat bubble font...
Read more >
CSS Customization Examples: Video Bubble - Landbot Help
In this example we're going to use a video message taking up the full Livechat to engage the customer right away, we'll add...
Read more >
Set up your bot's branding
Minimum delay between bot messages (ms), Minimum delay, in milliseconds (ms), ... or create a new bot user profile, which includes the bot...
Read more >
Einstein Bots Developer Cookbook - Salesforce
A bot variable stores and passes data between different steps in a bot ... avatars when the customer is talking with a bot...
Read more >
What's the best way to find the bubble paradise planets?
no, i said bubble paradise planets ... u/Neither_Willingness3 avatar ... I am a bot, and this action was performed automatically.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found