Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Citation modal should use full width on mobile device #4866

Closed
compulim opened this issue Sep 20, 2023 · 0 comments · Fixed by #4867
Closed

Citation modal should use full width on mobile device #4866

compulim opened this issue Sep 20, 2023 · 0 comments · Fixed by #4867
Assignees
Labels
bug Indicates an unexpected problem or an unintended behavior.
Milestone

Comments

@compulim
Copy link
Contributor

Is it an issue related to Adaptive Cards?

No

Is this an accessibility issue?

No

What version of Web Chat are you using?

Latest production

Which distribution are you using Web Chat from?

Bundle (webchat.js)

Which hosting environment does this issue primarily affect?

Web apps

Which browsers and platforms do the issue happened?

Others or unrelated

Which area does this issue affect?

Chat history

What is the public URL for the website?

No response

Please describe the bug

When citation modal is shown on mobile device, it is too narrow (60% of screen width).

Do you see any errors in console log?

No response

How to reproduce the issue?

  1. Navigate to Web Chat Loader
  2. Use sample 2
  3. Start a chat and resize the width to 360px

What do you expect?

Citation modal should fill the width of the screen.

What actually happened?

Citation modal only fill 60% of the screen.

Do you have any screenshots or recordings to repro the issue?

image

Adaptive Card JSON

No response

Additional context

No response

@compulim compulim added bug Indicates an unexpected problem or an unintended behavior. customer-reported Required for internal Azure reporting. Do not delete. Bot Services Required for internal Azure reporting. Do not delete. Do not change color. and removed customer-reported Required for internal Azure reporting. Do not delete. Bot Services Required for internal Azure reporting. Do not delete. Do not change color. labels Sep 20, 2023
@compulim compulim self-assigned this Sep 20, 2023
@compulim compulim added this to the imminent milestone Sep 20, 2023
@compulim compulim linked a pull request Sep 20, 2023 that will close this issue
11 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Indicates an unexpected problem or an unintended behavior.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant