How to retain the active state of a gallery view when selected?
0
Hello, I'm encountering difficulties maintaining the active state of the gallery view. I cannot utilize a boolean value in the domain model due to potential complexities. I have implemented a gallery.scss file in my custom UI module. Although the gallery changes color to light blue when clicked away, it no longer appears highlighted. .widget-gallery-clickable { cursor: pointer; background-color: white; box-shadow: $box-shadow; border-radius: $border-radius-default; margin-bottom: $spacing-medium; border: 1px solid $border-color-default; padding:15px; &:focus:not(:focus-visible) { outline: none; background-color: lightblue; } &:focus-visible { outline: 1px solid $brand-primary; background-color: lightblue; } &:active { outline: none; background-color: lightblue; } } Could you please help me determine why the .widget-gallery-clickable class does not retain its active state after being clicked?