swipe-card icon indicating copy to clipboard operation
swipe-card copied to clipboard

card is cutting off the inner cards (mushroom theme)

Open MichelEhmen opened this issue 3 years ago • 3 comments

I am using a vertical card stack and the mushroom theme. Sadly the swipe-card is cutting off my inner cards. Is there any solution to increase the distance inside the wrapper?

image

MichelEhmen avatar Jun 08 '22 18:06 MichelEhmen

Same reason: https://github.com/bramkragten/swipe-card/issues/51

ildar170975 avatar Jun 08 '22 19:06 ildar170975

same here image

cloudbr34k84 avatar Nov 20 '22 22:11 cloudbr34k84

Hi, I got it to work using card mod on one of the cards inside the swipe-card (so, in your case it could be "Tag" card).

card_mod:
      style: |
        ha-card {
          margin-bottom: 5px;
        }

The swipe card remains the same size, just the cards in it are a bit smaller. It's almost impossible to notice unless you know about it. To keep the gap below consistent with the rest of the dashboard, you can use margin-top: -5px in the card directly below.

Can you tell which one is a swipe-card? 😁 Screenshot_20230330-182425_Home Assistant

Marquo1 avatar Mar 30 '23 16:03 Marquo1