10000 Button styling inconsistent due to "fix(BButton): Consume useColorVariantClasses #2640" · Issue #2653 · bootstrap-vue-next/bootstrap-vue-next · GitHub
[go: up one dir, main page]

Skip to content
Button styling inconsistent due to "fix(BButton): Consume useColorVariantClasses #2640" #2653
Closed
@krasendimitrov

Description

@krasendimitrov

Describe the bug

The merge request introduced the class "text-bg-{variant}" to the button component which makes following changes to the previous behavior.:

  • Hover effects via background hover no longer work since they are now overwritten
  • customization of the button text color is more diffictult if someone wants a different color instead of the automaticaly assigned by bootstrap, since the color attribute has "!important"

I personally do not understand the reasoning of adding this class to the button, since it is not part of the standard bootstrap implementation and also not part of "bootstrap-vue" Button component implementation.

Relates to: #2640

Reproduction

https://stackblitz.com/edit/bootstra-vue-next-template-3ixpznbo?file=src%2FApp.vue,package.json,src%2Fmain.js,src%2Fmain.scss

Used Package Manager

pnpm

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0