hide show (add rule ,add Group button) by props

[parthverma68]

the current behaviour on hover over the query builder add rule and add group button hide and show...

it would be better if this is done by property (props)

if there is a way already present to control these button ... or just enable disable these button do let me know...

for now the bad user experience is the user is welcomed with blank query builder ... user dont know what to do untill it hover over query builder

[multimeric]

My fairly awful workaround for now is to add this CSS:

.group--actions--tr {
    opacity: 1 !important
}

[parthverma68]

the workaround by @multimeric is enough for my current requirement. hence closing the bug...

[corneliugaina]

My fairly awful workaround for now is to add this CSS:

.group--actions--tr {
    opacity: 1 !important
}

How did you override the css classname ? Currently I'm trying to style some parts of the component (and indeed always show Group buttons) but I cannot find how ? The css is imported in the JS file but how to override the styling ?

Should I make a copy of the CSS file in my react app then customize it and import it from local folder ?

[multimeric]

How did you override the css classname ?

This is the default classname that this library uses

Should I make a copy of the CSS file in my react app then customize it and import it from local folder ?

No, you can use the standard CSS recommended in the documentation, just add this CSS somewhere in your HTML or JS.