FlowiseAI / FlowiseChatEmbed

276 stars 1.17k forks source link

New Tooltip Feature added #192

Closed amansoni7477030 closed 2 weeks ago

amansoni7477030 commented 3 weeks ago
  1. Added tooltip feature to enhance user interaction: Users can now control tooltip visibility using the showTooltip parameter (true for visible, false for hidden). Additionally, they can customize the tooltip's background and text colors, as well as the message itself with the following parameters:
    showTooltip: true,
    tooltipMessage: 'Hi There 👋!',
    tooltipBackgroundColor: 'black',
    tooltipTextColor: 'white',

    Screenshot from 2024-06-13 12-34-31

Note: This feature request was previously mentioned in enhancement #76 and discussed at https://github.com/FlowiseAI/Flowise/discussions/1453

  1. Fixed issue where the send button would go below the text window when the text input was long:

Screenshot from 2024-06-13 10-42-09

  1. Updated the title of the new chat and added the title to the close button.
HenryHengZJ commented 2 weeks ago

hmm very strange, my tool tip emoji not showing: image

HenryHengZJ commented 2 weeks ago

can we also allow user to specify the font size? if not we will take the default 16 font size

amansoni7477030 commented 2 weeks ago

can we also allow user to specify the font size? if not we will take the default 16 font size

Hii @HenryHengZJ tooltip fontsize parameter added now check latest update.

amansoni7477030 commented 2 weeks ago

hmm very strange, my tool tip emoji not showing: image

@HenryHengZJ its perfectly working fine and i am not facing any issue. check attached image

Screenshot from 2024-06-14 17-43-06

toi500 commented 2 weeks ago

Just tested and it works with emojis for me.

image
toi500 commented 2 weeks ago

Can you guys incorporate this simple fix into this PR (misconfiguration with the left and right top borders on mobile)?

via rounded-lg

image

or

@media (max-width: 640px) {
    div[part=bot] {
        border-radius: 0;
    }
}
amansoni7477030 commented 2 weeks ago

Can you guys incorporate this simple fix into this PR (misconfiguration with the left and right top borders on mobile)?

via rounded-lg

image

or

@media (max-width: 640px) {
    div[part=bot] {
        border-radius: 0;
    }
}

@toi500 sure

amansoni7477030 commented 2 weeks ago

Hii @HenryHengZJ i resolved the conflict can you please review and merge it to main