fix(consentsoftware-cookieconsent): Adjusted shake animation duration and box-shadow for modalBox in consent cookie component.

changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2025-01-20 - 1.5.1 - fix(consentsoftware-cookieconsent)
+Adjusted shake animation duration and box-shadow for modalBox in consent cookie component.
+
+- Changed the box-shadow to be softer with reduced spread for more subtle visual effect.
+- Increased the duration of shake animation from 300ms to 2000ms for enhanced user feedback upon overlay interaction.
+
 ## 2025-01-20 - 1.5.0 - feat(consentsoftware-cookieconsent)
 Enhance consent modal with shake animation on overlay click
 

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@consent.software/catalog',
-  version: '1.5.0',
+  version: '1.5.1',
   description: 'A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.'
 }

ts_web/elements/consentsoftware-cookieconsent.ts

@@ -104,7 +104,7 @@ export class ConsentsoftwareCookieconsent extends LitElement {
 
     .modalBox.shake {
       animation: shake 150ms 2 linear;
-      box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.6);
+      box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.6);
     }
 
     @keyframes shake {
@@ -350,7 +350,7 @@ export class ConsentsoftwareCookieconsent extends LitElement {
       if (pageOverlay && modalBox) {
         pageOverlay.classList.add('shake');
         modalBox.classList.add('shake');
-        await delayFor(300);
+        await delayFor(2000);
         pageOverlay.classList.remove('shake');
         modalBox.classList.remove('shake');
       }