search

bramp / js-sequence-diagrams

Draws simple SVG sequence diagrams from textual representation of the diagram
https://bramp.github.io/js-sequence-diagrams/
BSD 2-Clause "Simplified" License
7.81k stars 1.08k forks source link

CSS bug: Styling problem when using "note over" in simple mode #163

Closed Redsandro closed 7 years ago

Redsandro commented 7 years ago

The boxes are transparent, causing problems:

image

As seen on: Chrome 55.0.2859.0 dev (64-bit)

Workaround

Manually add:

.sequence-diagram [stroke="#000000"], .flow-chart [stroke="#000000"] {
    fill: #fff;
}

Originally reported at https://github.com/benweet/stackedit/issues/1021 but noticed it was upstream.

bramp commented 7 years ago

I'm confused what was causing this. I can't reproduce this outside of stackedit. For example, on the demo site: https://bramp.github.io/js-sequence-diagrams/ nothing is transparent by default.

screen shot 2016-12-27 at 5 08 15 pm

I suspect the issue here is stackedit has made some change to break this. Feel free to reopen if you can provide a sample page to reproduce this issue.

Redsandro commented 7 years ago

@bramp you are right. I don't remember where/how I noticed it upstream. I can't see the behavior on the example page.

I updated the original issue with StackEdit @ https://github.com/benweet/stackedit/issues/1021 Unfortunately, StackEdit is no longer being developed.