Skip to content

[Bug] Disabled buttons appear active on hover #104

@stebogit

Description

@stebogit

Version

1.3

Reproduction link

https://demos.creative-tim.com/now-ui-kit/docs/1.0/components/buttons.html#disabled-state

Operating System

MAC OS

Device

MacBook

Browser & Version

Any

Steps to reproduce

just load your docs page and hover over any disabled button

What is expected?

hovering over a disabled button should not trigger any color/state change

What is actually happening?

the color and the element shadow are changing like they were active


Solution

apply the right color to disabled buttons
https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/css/now-ui-kit.css#L1731-L1732

and removed opacity applied to any .btn:hover
https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/css/now-ui-kit.css#L1603

Additional comments

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions