servala/website
1
0
Fork 0
Code Issues 10 Pull requests Projects 1 Packages 1 Activity Actions

make whole card clickable
All checks were successful
Build and Deploy / build (push) Successful in 36s
Details
Build and Deploy / deploy (push) Successful in 4s
Details

Browse source
This commit is contained in:
Tobias Brunner 2025-05-07 08:36:02 +02:00
parent b1680a11af
commit 1911a1211b
No known key found for this signature in database
7 changed files with 126 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

16
hub/services/static/css/servala-main.css
View file

@ -12322,4 +12322,20 @@ a.btn:focus {
.page-content .page-action a {
text-decoration: none
}
.clickable-card {
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
position: relative;
}
.clickable-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.clickable-button {
position: relative;
z-index: 2;
}

9
hub/services/static/js/servala-addons.js Normal file
View file

@ -0,0 +1,9 @@
function cardClicked(event, url) {
// Don't navigate if the click was on a button or link
if (event.target.closest('.clickable-button') || event.target.closest('.clickable-link')) {
return;
}
// Navigate to the provider detail page
window.location.href = url;
}