Sounds nice, right? That was my dream for some time and I finally found the way to implement it using a powerful browser_mod addon for Home Assistant.
First of all, you need to install browser_mod preferably through HACS. The main purpose of browser_mod is to control any browser/device where you open your Home Assistant dashboard. But today we will use only one from a huge amount of its features.
There are actually two ways to implement popups replacing more-info dialogs. The newest one is described here and can replace the more-info dialog per entity.
The old one is calling a popup using Lovelace actions and I prefer it because you can attach it to any card regardless of the entity it displays. You need to use fire-dom-event action for this. So here is an example of a tap action for any card that will show a popup with two cards in a vertical-stack: markdown and alarm-panel. The popup will have the title “Home state”.
tap_action:
action: fire-dom-event
browser_mod:
command: popup
title: Home state
card:
type: vertical-stack
cards:
- type: markdown
content: "## Home operating mode: day"
- entity: alarm_control_panel.home_alarm
name: Home alarm
states:
- arm_away
type: alarm-panel