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

Notification panel is transparent on the containerized version of COVID-Net UI #120

Open
rahmatkhah opened this issue Nov 17, 2021 · 0 comments
Labels
bug Something isn't working

Comments

@rahmatkhah
Copy link
Collaborator

Describe the bug
Notification panel is transparent and text is formatted poorly on the containerized version of COVID-Net UI.

To Reproduce
Steps to reproduce the behavior:

  1. Run the containerized version of COVID-Net UI (docker run --rm --name covidnet_ui -p 3000:3000 -d covidnet_ui)
  2. Open notification panel

Expected behavior
Notification panel should have a grey background colour with proper padding on the header bar.

Screenshots

Current
image

Proposed
image

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Docker (please complete the following information):

  • Docker version: [e.g. 20.10.10, build b485636]
  • docker-compose version: [e.g. 1.29.2, build 5becea4c]

Additional context
In the Docker-built app, there is a stylesheet called _larger.scss that applies the following styles to all PatternFly-classed elements:

[class*=pf-c-], [class*=pf-c-]:after, [class*=pf-c-]:before {
    padding: 0;
    margin: 0;
    background-color: initial;
}

You can see this if you open the Chrome devtools and inspect the notification panel element. We haven’t found the reason for why these styles are being applied only in the Docker-built app.

@rahmatkhah rahmatkhah added the bug Something isn't working label Nov 17, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant