From b4b43d61ebb9648757c5b5fadd972d9e26fc2c9d Mon Sep 17 00:00:00 2001
From: Tixie <tixie@guerilla.studio>
Date: Thu, 2 Mar 2023 08:09:42 +0100
Subject: [PATCH] Fix gridstack

---
 src/css/2-components/_notifications.scss | 1 +
 src/css/3-base/_05-layout.scss           | 6 +++---
 src/js/script.js                         | 9 +++++++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/css/2-components/_notifications.scss b/src/css/2-components/_notifications.scss
index ef5454c..406daf3 100755
--- a/src/css/2-components/_notifications.scss
+++ b/src/css/2-components/_notifications.scss
@@ -56,6 +56,7 @@ $notif-error: $color-red;
 
 .notif--successPlusOne {
   position: relative;
+  transform: scale(1.1);
 }
 
 .notif--successPlusOne::before {
diff --git a/src/css/3-base/_05-layout.scss b/src/css/3-base/_05-layout.scss
index 117f782..568ad84 100755
--- a/src/css/3-base/_05-layout.scss
+++ b/src/css/3-base/_05-layout.scss
@@ -31,8 +31,8 @@
   opacity: 1;
 }
 
-.gridstack > [hidden],
-.gridstack > [hidden] > * {
-  opacity: 0;
+.gridstack > [data-hidden],
+.gridstack > [data-hidden] > * {
+  opacity: 0.5;
   visibility: hidden;
 }
diff --git a/src/js/script.js b/src/js/script.js
index 3aff925..1842ccf 100644
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -34,7 +34,9 @@ document.addEventListener('alpine:init', () => {
 		},
 
 		thanks: {
-			["x-show"]: "participating",
+			["x-bind:data-hidden"]: "notParticipating",
+			["x-bind:aria-hidden"]: "notParticipating",
+			["x-bind:inert"]: "notParticipating",
 			["x-transition"]: null
 		},
 
@@ -44,7 +46,10 @@ document.addEventListener('alpine:init', () => {
 		},
 
 		form: {
-			["x-show"]: "notParticipating",
+			["x-bind:data-hidden"]: "participating",
+			["x-bind:aria-hidden"]: "participating",
+			["x-bind:inert"]: "participating",
+
 			["x-transition"]: null,
 			["x-on:submit"](event) {
 				event.preventDefault()