Active State Differentiation for Metronics Dashboard Bootstrap Buttons
In the Metronics dashboard, the "active" state for buttons isn't distinct, unlike in Bootstrap where buttons show differences between "hover" and "active" states.
I noticed in the Metronics documentation, specifically at https://preview.keenthemes.com/html/metronic/docs/base/buttons#active-style, you mention how the "Active Style" is designed to "set a button's color for active & hover states."
Is there differentiate an "active" state for the Metronics buttons so that they are responsive both on hover and when clicked?
Replies (3)
Great, I look forward to the updates!
Also just so we're on the same page, by "active" I mean the state the button is when it is clicked and held on the click.
On the bootstrap docs, the bootstrap primary button background is #0d6efd on default, #0b5ed7 on hover and #0a58ca on active.
See attached picture for the css I'm seeing using chrome dev tools.
<img src="/Users/david.cheng/Desktop/Screenshot 2023-11-28 at 10.15.50 AM" />
Maybe I"m reading something wrong here.
Hi,
Thanks for the clarification. Sure, noted on the active state. We will check it further and improve it in the next update.
Regards.
Hi,
Thank you for your feedback. Noted. We are currently working on design improvements and definitely will take into account your suggestions.
However Bootstrap uses the same color for hover and active states as you can see in the
docs.
Regards.
