fix: prevent using a toggle in a row

.github/workflows/build.yml

@@ -25,7 +25,7 @@ jobs:
         run: npm ci
       - name: Build
         run: npm run build
-      - uses: actions/upload-artifact@v1
+      - uses: actions/upload-artifact@v4
         with:
           name: restriction-card.js
           path: dist/restriction-card.js

src/const.ts

@@ -1 +1 @@
-export const CARD_VERSION = '1.2.9';
+export const CARD_VERSION = '1.2.10';

src/restriction-card.ts

@@ -145,7 +145,7 @@ class RestrictionCard extends LitElement implements LovelaceCard {
       element.hass = this._hass;
 
       return html`
-        <div id="card">
+        <div id="card" class=${classMap({ 'card-row': this._config.row === true })}>
           ${element}
         </div>
       `;
@@ -293,6 +293,9 @@ class RestrictionCard extends LitElement implements LovelaceCard {
         display: flex;
         color: var(--regular-lock-color);
       }
+      #overlay:not(:has(.hidden)) + #card.card-row {
+        overflow-y: clip;
+      }
       .blocked {
         color: var(--blocked-lock-color) !important;
       }