search

Foblex / f-flow

Foblex Flow - is an Angular library designed to simplify the creation and manipulation of dynamic flow. Provides components for flows, nodes, and connections, automating node manipulation and inter-node connections.
https://flow.foblex.com/
MIT License
96 stars 19 forks source link

Dashed background pattern #74

Closed anderson-896 closed 2 weeks ago

anderson-896 commented 2 weeks ago

Description

I'd like to have the option for a dashed background pattern: image

Additional Context

No response

siarheihuzarevich commented 2 weeks ago

@anderson-896 Hello, the documentation contains instructions on how to make a custom background pattern https://flow.foblex.com/docs/f-background-component

anderson-896 commented 2 weeks ago

image image The colors for the pattern doesn't apply properly.

siarheihuzarevich commented 2 weeks ago

Use hex colours please

anderson-896 commented 2 weeks ago

Even with hex colours it doesn't work

siarheihuzarevich commented 2 weeks ago

ah, yes, i see mistake, i will fix it on weekends. for now you can fix it using css

  .f-background {
    line {
      stroke: green;
    }
  }
siarheihuzarevich commented 2 weeks ago

Also you can set line style to dashed using css

anderson-896 commented 2 weeks ago

Yeah, It worked with stroke-dasharray, thanks.