fix port background color - Githubissues

projectstorm / react-diagrams

a super simple, no-nonsense diagramming library written in react that just works

https://projectstorm.cloud/react-diagrams

MIT License

8.6k stars 1.17k forks source link

fix port background color #741

Closed artturik closed 3 years ago

artturik commented 3 years ago

Checklist

[x] The code has been run through pretty yarn run pretty
[x] The tests pass on CircleCI
[ ] You have referenced the issue(s) or other PR(s) this fixes/relates-to
[x] The PR Template has been filled out (see below)
[x] Had a beer/coffee because you are awesome

What?

Default port widget contains incorrect CSS and port background was not painted as expected

Why?

rgba(white, 0.1) is not valid css

How?

changed invalid syntax to valid

rgba syntax - <rgba()> = rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? )

from https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

Images

Before:

before

After:

after