Is there a way to add a current ‘.active’ class on a layout card if you’re on that given url / page in the panel? In my blueprint, I have a section for all work pages that acts like a quick nav at the top of each work page:
columns: - width: 1/3 sticky: true sections: workNav: type: pages templates: - work - work-category parent: kirby.site layout: cards size: tiny sortable: false create: false
When I’m in the panel on a
/work-category page, I just want to highlight which layout card is active. I could easily do this with JS, but this doesn’t play nice since Kirby3 is built on Vue.js, so when the panel changes the router, the JS gets stomped until you do a hard refresh, which is why I’m trying to see if there’s an easy CSS solution?