diff --git a/changelog.md b/changelog.md index a3463b1..0ef7eb9 100644 --- a/changelog.md +++ b/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 diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index 76f8ce7..f035bf3 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/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.' } diff --git a/ts_web/elements/consentsoftware-cookieconsent.ts b/ts_web/elements/consentsoftware-cookieconsent.ts index 3e6d8ad..7f01661 100644 --- a/ts_web/elements/consentsoftware-cookieconsent.ts +++ b/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'); }