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
20 lines
347 B
CSS
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;
|
|
}
|