Skip to content

Custom button classes get overwritten by library CSS #555

Open
@jarikmarwede

Description

@jarikmarwede

I would like to modify the look of the buttons in the popover to match our side wide style. For styling buttons, we have global CSS classes like .btn and .btn-danger. If I now put these classes onto the buttons in the popover through onPopoverRender, our button styles are overwritten by the library because the corresponding CSS rule has a higher specificity. And because of the selector used in the libraries CSS, I can not easily remove the button styling.
The CSS rule in question is this

.driver-popover-footer button {

This targets every button inside the footer, instead of targeting only buttons with a specific class like .driver-popover-footer-button which I could remove in onPopoverRender.
Is there some way I have not found to set my own classes for the buttons and not have their styles overwritten?
If not, can the CSS be changed to using classes for the button styles, so that I can just remove the button class in onPopoverRender if I want my own styles?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions