Pop_Information

type: button
tap_action:
  action: fire-dom-event
  browser_mod:
    command: popup
    title: Informationen
    style:
      .: |
        :host .content {
          width: calc(385px + 385px + 385px);
          max-width: 90vw;
    layout-card: null
    $grid-layout$:
      hui-entities-card:
        $: |
          .card-content {
             padding: 1.5em 2.7em 2.3em 2em;
          }
            ha-card {
              animation: border 1s forwards;
              border-radius: 0;
          }
          @keyframes border {
            0%, 100% {
             border-right: 1px solid rgba(0, 0, 0, 0.3);
           }
           }
           /* phone */
           @media screen and (max-width: 800px) {
             ha-card {
               animation: none;
           }
          }
        $hui-horizontal-stack-card$: |
          #root {
            justify-content: space-evenly;
            margin-top: 1.9em;
            margin-left: 0.8em;
          }
    card:
      type: custom:layout-card
      layout_type: custom:grid-layout
      layout:
        grid-template-columns: repeat(3, 1fr)
        grid-template-rows: 1fr
        grid-template-areas: |
          "printer fritz tablet"
      cards:
        - type: entities
          title: HP OfficeJet 5230
          show_header_toggle: false
          card_mod:
            class: header
            style: |
              ha-card {
                margin: 0px !important;
              }
          view_layout:
            grid-area: printer
          entities:
            - entity: sensor.hp_printer_printer
              name: Drucker
            - entity: sensor.hp_printer_scanner
              name: Scanner
            - entity: sensor.hp_printer_status_2
              name: Status
            - entity: binary_sensor.hp_printer_connectivity
              name: Verbindung
            - type: custom:bar-card
              width: 55%
              height: 2em
              decimal: 0
              unit_of_measurement: '%'
              positions:
                icon: 'off'
                indicator: inside
                name: outside
              severity:
                - color: '#6d2525'
                  from: 0
                  to: 89
                - color: '#303435'
                  from: 90
                  to: 100
              entity_row: true
              entities:
                - entity: sensor.hp_printer_inkcartridge_black
                  name: Schwarz
                - entity: sensor.hp_printer_inkcartridge_cyanmagentayellow
                  name: Color
        - type: entities
          view_layout:
            grid-area: fritz
          entities:
            - entity: binary_sensor.fritz_box_6660_cable_firmware_update
              name: Firmware
            - entity: sensor.fritz_box_6660_cable_download_throughput
              name: Download
            - entity: sensor.fritz_box_6660_cable_upload_throughput
              name: Upload
            - entity: switch.fritz_box_6660_cable_wi_fi_albrechtwoelk_2_4
              name: WLAN 2.4
            - entity: switch.fritz_box_6660_cable_wi_fi_albrechtwoelk_5_0
              name: WLAN 5.0
            - entity: switch.fritz_box_6660_cable_wi_fi_schnorrer_wlan
              name: Gäste Wlan
          title: Fritz Box
          show_header_toggle: false
          state_color: true
          card_mod:
            class: header
            style: |
              ha-card {
                margin: 0px !important;
              }
        - type: entities
          title: Fire Tablet
          show_header_toggle: false
          card_mod:
            class: header
            style: |
              ha-card {
                margin: 0px !important;
              }
          view_layout:
            grid-area: tablet
          entities:
            - entity: binary_sensor.fire_tablet_plugged_in_2
              name: Stecker
            - entity: sensor.fire_tablet_ram_free_memory_2
              name: Freier Speicher
            - entity: sensor.fire_tablet_ram_total_memory_2
              name: Speicher Total
            - entity: switch.fire_tablet_kiosk_lock_2
              name: Kiosk mode
            - entity: light.fire_tablet_screen_2
              name: Bildschirm
            - type: custom:bar-card
              width: 55%
              height: 2em
              decimal: 0
              unit_of_measurement: '%'
              positions:
                icon: 'off'
                indicator: inside
                name: outside
              severity:
                - color: '#6d2525'
                  from: 0
                  to: 89
                - color: '#303435'
                  from: 90
                  to: 100
              entity_row: true
              entities:
                - entity: sensor.fire_tablet_battery_level_2
                  name: Batterie
icon: mdi:information-outline