Skip to content

v2.6.12

Choose a tag to compare

View all tags
@nutteloost nutteloost released this 20 Nov 14:34
v2.6.12
e663e51

Simple Swipe Card v2.6.12

New Features ✨

  • Backdrop Filter Support: Added configurable support for CSS backdrop-filter effects (blur, etc.) when using card-mod. Due to browser limitations, backdrop-filter conflicts with the clip-path CSS property used for dropdown overflow. Users can now enable backdrop-filter support through a new toggle in Advanced Options, which disables clip-path to allow blur effects to work. This feature is hidden in the Advanced section to avoid confusion for regular users.

    Example configuration 
    type: custom:simple-swipe-card
enable_backdrop_filter: true  # Enable backdrop-filter support
cards:
  - type: tile
    entity: sun.sun
    card_mod:
      style: |
        ha-card {
          background: oklch(0 0 0 / 5%) !important;
          backdrop-filter: blur(10px) saturate(1.3);
        }

Note

Trade-off: Enabling backdrop-filter disables clip-path, which prevents dropdown menus from overflowing card boundaries. Only enable if you're using backdrop-filter: blur() in card-mod CSS and don't combine it with cards with dropdown menu's.

Assets 3
Loading