Skip to content

NoticeBar component is not responsive / mobile friendly #293

Description

@davinotdavid

Describe the bug

The NoticeBar component, specially when having CTA buttons, breaks when viewing it on a mobile device / small viewport

Related with thunderbird/appointment#1718

To Reproduce

Steps to reproduce the behavior:

  1. Navigate to https://thunderbird.github.io/services-ui/?path=/story/components-noticebar--cta-controls
  2. Open the DevTools and turn on Responsive Design Mode or reduce the width of the window
  3. Check the UI issue

Screenshots

Example usage in Appointment:
Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Estimate

None yet

Priority

None yet

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions