30996140a3
# Pull Request Template ## Description Fixed an issue where hover styles were still applied to disabled buttons. Previously, `disabled:pointer-events-none` was used to prevent interactions, ensuring hover styles wouldn’t apply. However, this also removed showing the "not-allowed" cursor. This has been replaced with `hover:enabled` to ensure hover effects only apply when the button is enabled while preserving proper cursor behavior. ## Type of change - [x] Bug fix (non-breaking change which fixes an issue) ## How Has This Been Tested? ### **Screen recording** **Before** https://github.com/user-attachments/assets/a5d33869-4d9d-499b-94c8-6371cbb44ecc **After** https://github.com/user-attachments/assets/a03d93dc-2374-4c76-8bed-8f1fe79593d2 **Case where `disabled:pointer-events-none` and `hover:enabled` are not added (for context only).** https://github.com/user-attachments/assets/407320d8-f889-49d2-a78c-a5d24ed745a0 ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [ ] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules |
||
|---|---|---|
| .. | ||
| api | ||
| assets | ||
| components | ||
| components-next | ||
| composables | ||
| constants | ||
| helper | ||
| i18n | ||
| mixins | ||
| modules | ||
| routes | ||
| store | ||
| App.vue | ||
| featureFlags.js | ||