Issue in Bot pop-up intro of chatbot widget

Rasa Open Source
1

Hi, I am using GitHub - JiteshGaikwad/Chatbot-Widget this frontend for my Rasa chatbot and bot popup intro isn’t working correctly for some reason. the text gets partially hidden.

image
image1920×1047 97 KB

This is the code I have in my index.html

<div class="tap-target" data-target="profile_div">
<div class="tap-target-content">
  <h5 class="white-text">Hey there 👋</h5>
  <p class="white-text">Ask me your questions</p>
</div>

Is there any workaround to this? Tagging @nik202 for attention as you have been a great help in past.

2

@mangesh Sure,

Add or update this in style.css

.profile_div {
    /* display: none; */
    position: fixed;
    padding: 5px;
    width: 10%;
    bottom: 5px;
    right: 0px;
    cursor: pointer;
    left: 94%;
}

Let me know this solved your issue?

3

@nik202 this doesn’t affect bot pop-up intro.

I think following css is for bot pop-up intro but I don’t know how to make things right

.tap-target {
  color: #fff;
  background: #060dcfc7;
}
4

@mangesh did you tried the above code.

5

@nik202 yes, it didn’t change anything