consent.software/catalog
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Philipp Kunz 2025-01-20 18:04:47 +01:00
parent e4efdcd9a6
commit 5bb5e8e458
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
changelog.md
View File

@ -1,5 +1,11 @@
# Changelog # 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) ## 2025-01-20 - 1.5.0 - feat(consentsoftware-cookieconsent)
Enhance consent modal with shake animation on overlay click Enhance consent modal with shake animation on overlay click

2
ts_web/00_commitinfo_data.ts
View File

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

4
ts_web/elements/consentsoftware-cookieconsent.ts
View File

@ -104,7 +104,7 @@ export class ConsentsoftwareCookieconsent extends LitElement {
.modalBox.shake { .modalBox.shake {
animation: shake 150ms 2 linear; 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 { @keyframes shake {
@ -350,7 +350,7 @@ export class ConsentsoftwareCookieconsent extends LitElement {
if (pageOverlay && modalBox) { if (pageOverlay && modalBox) {
pageOverlay.classList.add('shake'); pageOverlay.classList.add('shake');
modalBox.classList.add('shake'); modalBox.classList.add('shake');
await delayFor(300); await delayFor(2000);
pageOverlay.classList.remove('shake'); pageOverlay.classList.remove('shake');
modalBox.classList.remove('shake'); modalBox.classList.remove('shake');
} }