Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Improved Desktop Support] MouseOver (Hover) Effect #17624

Open
heinzburgstaller opened this issue Feb 26, 2019 · 0 comments

Comments

@heinzburgstaller
Copy link

commented Feb 26, 2019

Feature Request

Ionic version:

[x] 4.x

Describe the Feature Request
Ionic components (ion-button, ion-item, etc.) do not have a (ripple) effect when the mouse cursor hovers over the component. A desktop app is more user friendly if the user has a visual clue which components are interactable.

Describe Preferred Solution
Ionic simple adds those effects to existing components, or has a configuration property to enable hover effects globally.

Describe Alternatives
Provide directives/CSS classes to help implement effects on behalf of a third party developer.

@ionitron-bot ionitron-bot bot added the triage label Feb 26, 2019

@ionitron-bot ionitron-bot bot removed the triage label Feb 27, 2019

@brandyscarney brandyscarney added this to the Ionic for Desktop milestone Apr 4, 2019

@brandyscarney brandyscarney added this to Backlog 🤖 in Ionic Core via automation Jun 5, 2019

brandyscarney added a commit that referenced this issue Jun 10, 2019

feat(back-button): add variables and support for focused and hover st…
…ates (#18451)

- updates MD spacing for back button text
- also adds e2e tests and adds them to screenshot

references #18279 references #17624 fixes #18465

brandyscarney added a commit that referenced this issue Jun 10, 2019

fix(button): use correct border-radius on menu & back button
- adds hover and focused state to menu button

references #17624

brandyscarney added a commit that referenced this issue Jun 10, 2019

fix(button): use correct border-radius on menu & back button (#18501)
- adds hover and focused state to menu button

references #17624

abennouna added a commit to abennouna/ionic that referenced this issue Jun 11, 2019

feat(back-button): add variables and support for focused and hover st…
…ates (ionic-team#18451)

- updates MD spacing for back button text
- also adds e2e tests and adds them to screenshot

references ionic-team#18279 references ionic-team#17624 fixes ionic-team#18465

abennouna added a commit to abennouna/ionic that referenced this issue Jun 11, 2019

@brandyscarney brandyscarney moved this from Backlog 🤖 to On deck ⚾️ in Ionic Core Jun 11, 2019

@brandyscarney brandyscarney moved this from On deck ⚾️ to In progress 🤺 in Ionic Core Jun 13, 2019

@brandyscarney brandyscarney self-assigned this Jun 13, 2019

brandyscarney added a commit that referenced this issue Jun 13, 2019

brandyscarney added a commit that referenced this issue Jun 25, 2019

brandyscarney added a commit that referenced this issue Jun 25, 2019

feat(fab-button): add hover state using tint colors (#18536)
- fixes a bug where backdrop filter was not applied on translucent buttons and checks for support first

references #17624

brandyscarney added a commit that referenced this issue Jun 25, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.