Files
web/packages/design-system/lib/components/ImageCounter/imageCounter.module.css
Matilda Landström fc857ad58f Merged in SW-2064-lightbox-updates (pull request #3347)
feat(SW-2064): Lightbox updates

* chore(SW-2064): add opacity to not selected images

* chore(SW-2064): set main image as the first image in thumbnail

* chore(SW-2064): disable navigation buttons on first and last image

* fix(SW-2064): use cx

* Revert "chore(SW-2064): disable navigation buttons on first and last image"

This reverts commit 9c5acd8a02b83740f35d1cfa88bfba6b006ba947.

* refactor(SW-2064): create ImageCounter component

* refactor(SW-2064)

* chore(SW-2064): add enter keu down on main image


Approved-by: Erik Tiekstra
2026-01-08 12:10:03 +00:00

20 lines
347 B
CSS

.imageCounter {
background-color: var(--Overlay-90);
border-radius: var(--Corner-radius-sm);
color: var(--Text-Inverted);
justify-content: center;
display: inline-flex;
align-items: center;
gap: var(--Space-x025);
}
.small {
padding: 0 var(--Space-x05);
height: 26px;
}
.large {
padding: 0 var(--Space-x1);
height: 32px;
}