Conditional card editor - show whether conditions fulfilled, always show card preview

[SeanPM5]

The request

Here's how the Conditional card editor currently looks when the conditions do not match:

It completely hides the preview. This makes sense in a way, but it's not ideal imo. Here's an idea (mockup) that I think would make it a little more user-friendly.

Each individual condition would have an icon displayed in the top right corner. A green checkmark if that condition is currently fulfilled and a red X if not. This would allow the user to easily determine why their conditional card may not showing.

The other change is that the card preview would now be shown at all times. Rather than hiding it and leaving a big empty space, tell the user that it's only being displayed in the card editor for preview purposes and won't be visible in their actual UI until all conditions are fulfilled.

It could be refined further, rather than scary red error text like my mockup, maybe a short line with an icon or something:

Icon	MDI icon	Warning Text
	mdi:eye-outline	All conditions are fulfilled, your card will be visible.
	mdi:eye-off-outline	Card will not be visible since conditions not fulfilled.

The alternatives

Additional information

[zsarnett]

#5429

[bramkragten]

@zsarnett That PR doesn't fix it for the preview.

[zsarnett]

Oops. My mistake