Box shadow and border when vertical stack is below a horizontal stack

[circa1665]

Checklist:

• [x] I updated to the latest version available
• [x] I cleared the cache of my browser

Release with the issue: 0.2.0 Last working release (if known):

Browser and Operating System: macOS 11.1, Safari 14.0.2

Description of problem: Box shadow and border when vertical stack is below a horizontal stack.

type: 'custom:stack-in-card'
mode: vertical
cards:
  - type: weather-forecast
    entity: weather.openweathermap
  - type: 'custom:stack-in-card'
    mode: horizontal
    cards:
      - type: entities
        entities:
          - entity: sensor.nextsunrise
            type: 'custom:multiple-entity-row'
            show_state: false
            secondary_info:
              entity: sensor.nextsunrise
              name: false
      - type: entities
        entities:
          - entity: sensor.nextsunset
            type: 'custom:multiple-entity-row'
            show_state: false
            secondary_info:
              entity: sensor.nextsunset
              name: false
  - type: conditional
    conditions:
      - entity: sun.sun
        state: above_horizon
    card:
      type: entities
      entities:
        - entity: sensor.current_uv_level
        - entity: sensor.skin_type_2_safe_exposure_time
          name: Safe exposure time
        - entity: sensor.uv_protection_template
          name: Protection

Javascript errors shown in the web inspector (if applicable):

Additional information:

[alnavasa]

Same here, Getting double background

(Month utility meeter needs to reset at the end of the month, I didn't set It up properly at the beginning)

type: 'custom:stack-in-card'
mode: vertical
cards:

  - type: 'custom:mini-graph-card'
    entities:
      - entity: sensor.total_daily_energy
        name: Total
    show:
      graph: bar
      name: false
      icon: false
      state: false
      extrema: true
    line_width: 2
    font_size: 70
    animate: true
    lower_bound: 0
    group_by: date
    hours_to_show: 720
    points_per_hour: 0.04
    height: 60
  - type: 'custom:stack-in-card'
    mode: horizontal
    cards:
      - type: entities
        entities:
          - type: divider
          - type: 'custom:multiple-entity-row'
            entities:
              - entity: sensor.cocina_monthly_energy
                name: Mes
                format: precision 0
            entity: sensor.shelly_shem_ccccc_2_current_consumption
            icon: 'mdi:stove'
            name: Cocina
            secondary_info:
              entity: sensor.shelly_shem_ccccc_2_current_consumption
              name: ' '
            show_state: false
      - type: entities
        entities:
          - type: divider
          - type: 'custom:multiple-entity-row'
            entities:
              - entity: sensor.coste_cocina_mes
                name: Mes
                format: precision 2
            entity: sensor.coste_cocina_instantaneo
            icon: 'mdi:cash-usd'
            name: Coste
            secondary_info:
              entity: sensor.coste_cocina_instantaneo
              name: ' '
            show_state: false
  - type: 'custom:mini-graph-card'
    entities:
      - entity: sensor.shelly_shem_cccccc_2_current_consumption
    hours_to_show: 168
    points_per_hour: 1
    line_width: 1
    font_size: 70
    animate: true
    show:
      name: false
      icon: false
      state: false
    height: 30```

[ildar170975]

Probably same reason. https://github.com/custom-cards/stack-in-card/issues/34 It does not depend whether the inserted stack-in-card is horizontal or vertical.

[markorichter83]

Use normal horizontal or vertical stack after the first custom stack in cars. It will work.