Thing press visual response

1

I have some ‘thing-variable’ icons that I use to activate Hubitat momentary switches (well, switches with the auto-off preference enabled). There are icons displayed according to the state. Generally, they are the same icon in different colors. What I’m going for is for the switch to be green when at rest. Then briefly turn white after being pressed as positive feedback. This works pretty well as expected.

The trouble is that upon pressing the switch, I get a ‘wash’ of translucent white across the tile as it updates, which really detracts from the effects. It’s especially pronounced as I’m using an icon on a transparent background, and the white-wash is noticeably the square shape of the otherwise-invisible tile behind.

Additionally, I get the ‘Command Sent’ response in a box off to the right of the dashboard. It, too, is distracting.

My questions:

  1. What causes the white-wash effect and what can I do to avoid it?
  2. Is there a way to stop the ‘Command Sent’ from showing up?
2

Here’s a link to a short (and not particularly cinematic) video of the white-wash action:

White-wash effect

3

For further clarification, this appears to occur on basic tiles as well as on Super Tiles. The white-wash effect is more pronounced on Super Tile as it covers the entirety of the tile. For a basic tile, it is limited to just the one square space. If it is on a Super Tile, though, the entire Super Tile will white-wash even if the icon being actioned is just a small portion of it. Also, in both cases, a little flag appears to say that a command has been sent or that something has been executed.

I’m shooting for a clean interface. I’ll make an appropriate confirmation that the action was taken (like maybe changing the icon or the color). I don’t need a white-wash effect and I don’t need a flag to tell the user that something has been executed or sent.

I can’t be sure, but it seems like these actions are specifically coded to occur and are not just unintentional consequences. As such, how can they be turned off?

4

The waves effect is on clickable tiles and cannot be configured to be turned off.

5

Bummer. Any chance it can be limited to an object on a super tile? Instead of affecting the entire supertile on which that object resides?

6

You could create a Feature Requests for it.

Alternatively, you might be able to accomplish this with Custom CSS in a Dashboard Theme, but note that it is not officially supported:

.super-tile .waves-ripple {
    display: none;
}
7

Good thinking! That seems to work for now, at least. Thanks - the dashboard actions on supertiles look much more professional without the oddly-shaped “wave-ripples”.