MudButton: Fix hover effect remaining after touch

[danielchalmers]

Description

Resolves #7742 by implementing the proposed solution.

How Has This Been Tested?

Just visually

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Before

Video.mp4

After

Video2.mp4

Checklist:

• The PR is submitted to the correct branch (dev).
• My code follows the code style of this project.
• I've added relevant tests.

[henon]

Thank you @danielchalmers !

[henon]

This might have broken button background color on mobile: #7742 (comment)

[henon]

@danielchalmers will you be able to fix the regression until end of the week? We'd have to revert otherwise as this seems to affect quite a few people judging on the issues.

[danielchalmers]

@danielchalmers will you be able to fix the regression until end of the week? We'd have to revert otherwise as this seems to affect quite a few people judging on the issues.

@henon

Sure I'll look into it further today, but I didn't write the original style so not super familiar. Would make sense to revert in the meantime. I added more info in #8240.

[danielchalmers]

It should have been applied to more than just the button anyway; menu items etc.

[danielchalmers]

@henon What do you use to format the .scss files? Adding

# CSS pre-processor
[*.scss]
indent_size = 4
insert_final_newline = true

to the .editorconfig still makes a decent number of changes which makes it a little difficult to add new hover effects while matching the format of each file.

I could format them all using that but I doubt you want all your scss files changed.

EDIT: Check out #8249 to see what it would look like. Feel free to close, I just wanted to show you.