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

Fix attach file button width on iOS Safari #5167

Merged
merged 2 commits into from
May 6, 2024

Conversation

compulim
Copy link
Contributor

@compulim compulim commented May 5, 2024

Fixes #5166.

Changelog Entry

Added

  • (Experimental) Added botframework-webchat-fluent-theme package for applying Fluent UI theme to Web Chat, by @compulim and @OEvgeny
    • Fixes #5166. Fixed "attach file" button in iOS Safari should looks the same as on other platforms, in PR #5167, by @compulim

Description

Under Fluent UI, the "attach file" button is too wide because iOS Safari does not honor width: 0 for <input type="file">.

Design

Changing to width: 1px will resolve the issue.

image

Specific Changes

  • Updated AddAttachmentButton.module.css with width: 1px
  • I have added tests and executed them locally
  • I have updated CHANGELOG.md
  • I have updated documentation

Review Checklist

This section is for contributors to review your work.

  • Accessibility reviewed (tab order, content readability, alt text, color contrast)
  • Browser and platform compatibilities reviewed
  • CSS styles reviewed (minimal rules, no z-index)
  • Documents reviewed (docs, samples, live demo)
  • Internationalization reviewed (strings, unit formatting)
  • package.json and package-lock.json reviewed
  • Security reviewed (no data URIs, check for nonce leak)
  • Tests reviewed (coverage, legitimacy)

@compulim compulim marked this pull request as ready for review May 5, 2024 19:48
@compulim compulim added the area-fluent-theme Related to Fluent theme provider label May 5, 2024
@compulim compulim merged commit 1e6a9c3 into main May 6, 2024
25 checks passed
@compulim compulim deleted the fix-fluent-attach-file-button branch May 6, 2024 06:01
This was referenced Aug 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-fluent-theme Related to Fluent theme provider
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Fluent UI] Attach file button is too wide on Safari
3 participants