stopplidelsen/innhold
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add animated counter to petition map

Browse source 
Update petition map counter to show animated count of signatures
with matching timing to dot animation and improved text formatting

Remove redundant header styles from CSS
Move counter styling to dedicated CSS section

Update counter text to be more concise and present tense
This commit is contained in:
Ruben 2026-02-26 22:21:41 +01:00
parent bd993ea6ca
commit e8919e5842
3 changed files with 31 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

26
custom/assets/petition-map.css
View file

@ -1,24 +1,6 @@
/* Petition map page styles */
.petition-map-section {
margin-top: 2rem;
.petition-map-header {
background: var(--color-green-light);
padding-block: 1.5rem 1rem;
margin-bottom: 0;
h1 {
margin-top: 0;
font-size: clamp(1.4rem, 4vw, 2rem);
}
.petition-map-subtitle {
color: oklch(0.45 0.05 173.93);
font-size: 0.95rem;
margin-top: 0.4rem;
}
}
#petition-map {
position: relative;
@ -113,3 +95,11 @@
}
}
/* Petition map counter */
#petition-map-count {
background: var(--color-green-light);
padding: 0 1.5rem 1rem;
margin-bottom: 0;
text-align: center;
color: var(--color-green);
}