Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[Ionic v4] ion-toolbar with opacity doesn't render the correct color
See original GitHub issueIonic Info @ionic/angular: “4.0.0-beta.2”
Describe the Bug
Setting an --opacity to an ion-toolbar doesn’t render the proper cooled. See screenshot white + 0.9 end up being grey
Note: This problem poped with beta.2, was ok in alpha.11 till beta.1
Expected Behavior A proper rendering of background with opacity on the toolbar
Screenshot
Issue Analytics
- State:
- Created 5 years ago
- Comments:9 (8 by maintainers)
Top Results From Across the Web
[Ionic v4] ion-toolbar with opacity doesn't render the correct color
The background color is defined by ion-content, otherwise it's black. It is looking black because there is nothing behind the toolbar. Use ...
Read more >Ionic 4 transparent transparent header - Stack Overflow
The Ionic documentation states that 'fullscreen' must be added to the ion-content, and that 'translucent' must be added to the ion-toolbar.
Read more >Ionic 4: How to make a transparent header / toolbar? - Medium
Step 1: Add the fullscreen attribute to ion-content · Step 2: Make the toolbar transparent.
Read more >Ionic 4 transparent transparent header - ionic-v3 - Ionic Forum
I have an Ionic 4 app and I want a transparent header. The Ionic documentation states that 'fullscreen' must be added to the...
Read more >Building the Netflix UI with Ionic | Devdactic
Building a complex UI with Ionic is not always easy, but can be ... Set the background of the entire app */ --ion-background-color:...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I confirm that this is solved in v4-beta.5
❤️ @manucorporat @brandyscarney
@peterpeterparker Thanks! I also noticed this upon upgrading to beta.2. Added it to the project board to look into!