vue-expandable-image
vue-expandable-image copied to clipboard
If close-on-background-click="true", cursor on bg should be zoom-out
If close-on-background-click="true", cursor on bg should be pointer as the zone is clickable.
I sorted it out with:
<expandable-image class="bg-click" :src="img" :close-on-background-click="true"></expandable-image>
<style lang="scss">
body > .expandable-image.expanded.bg-click {
cursor: zoom-out;
& > img {
cursor: default;
}
}
</style>