pop up resize without scroll bar about hass-config

[matt8707]

Can you post your popup yaml?

```yaml

action: fire-dom-event
browser_mod:
  command: popup

```

[maverik80]

Can you post your popup yaml?

```yaml

action: fire-dom-event
browser_mod:
  command: popup

action: fire-dom-event
browser_mod:
title: Luci Zona Giorno
command: popup
style:
$: |
.mdc-dialog
.mdc-dialog__container
.mdc-dialog__surface {
border-radius: 15px;
}
auto_close: false

card:
    type: grid
    title: 
    view_layout:
      grid-area: vardagsrum
    columns: 3
    cards:

          - entity: light.sala
            name: Sala
            template:
              - light
              - icon_hue
            tap_action:
              action: toggle
            type: custom:button-card
          - entity: light.luce_soggiorno
            name: Piantana
            template:
              - light
              - icon_shade
            tap_action:
              action: toggle
            type: custom:button-card
          - entity: light.led_tv
            name: Led TV
            icon: mdi:led-strip-variant
            template:
              - light
              - icon_spot
            tap_action:
              action: toggle
            type: custom:button-card
          - entity: light.cucina
            name: Cucina
            template:
              - light
              - icon_hue
            tap_action:
              action: toggle
            type: custom:button-card
          - entity: light.corridoio
            name: Corridoio
            icon: bha:ceiling-spot-lamp
            template:
              - light
              - icon_spot
            tap_action:
              action: toggle
            type: custom:button-card
          - entity: light.abajour_corridoio
            name: abajour
            icon: mdi:lamp
            template:
              - light
              - icon_spot
            tap_action:
              action: toggle
            type: custom:button-card

[matt8707]

  style:
    $: |
      .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
        border-radius: 15px;
      }
    hui-grid-card$: |
      #root {
        padding: 1.5em;
        padding-bottom: 2em;
      }

[maverik80]

thank you man,

  style:
    $: |
      .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
        border-radius: 15px;
      }
    hui-grid-card$: |
      #root {
        padding: 1.5em;
        padding-bottom: 2em;
      }

thank you very much, it worked perfectly, a beer is due :) if possible i would like to have another info on the css icons, i'm modifying one of your icons, icon_tv but i can't get the static image and the animation in fade out and fade in, but only the static and fade in, you could take a look at the attached file, sorry but I'm a beginner with css
icon_xbox.txt

[PabloAriza]

Hi Matt

Is there any book / web recommended to learn how to deal with these issues? I love to see them work but i'd love more to understand why it does.

Thanks for everything

[matt8707]

If you have some html/css knowledge, it's pretty straightforward. Google searchterm css or searchterm stackoverflow. The hard part is shadow dom. Every card is in its own isolated "container", but with card-mod you can style pretty much anything. I made this tool to help with css selectors card-mod-helper.

[matt8707]

i'm modifying one of your icons, icon_tv but i can't get the static image and the animation in fade out and fade in, but only the static and fade in

that will be hard, you want to morph two different icons? The easiest would be to fade them like icon_imac