Making all card styles clickable

lidiazuin · lidiazuin · commit c134d7b0466c · 2025-02-27T13:15:09.000+01:00
diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc
@@ -24,7 +24,7 @@ Learn more about graph databases and start working with your data using Neo4j to
 xref:tutorials:index.adoc[Get started]
 --
 
-[.cards.selectable]
+[.cards]
 == CTA cards
 
 [role=label--featured]
diff --git a/preview-src/ux-banner.svg b/preview-src/ux-banner.svg
@@ -0,0 +1,6 @@
+<svg width="347" height="316" viewBox="0 0 347 316" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M188.752 432.079C202.628 423.289 211.805 408.02 211.805 390.654C211.805 374.39 202.037 361.863 191.335 350.976C177.844 337.253 168.282 324.873 168.282 305.666C168.282 286.459 177.844 274.08 191.335 260.356C202.037 249.469 211.805 236.955 211.805 220.678C211.805 203.312 202.628 188.044 188.752 179.253C180.88 174.267 171.483 171.363 161.399 171.363C151.315 171.363 141.932 174.267 134.046 179.253C120.171 188.044 110.993 203.312 110.993 220.678C110.993 236.942 120.761 249.469 131.463 260.356C144.954 274.08 154.516 286.486 154.516 305.666C154.516 324.847 144.954 337.253 131.463 350.976C120.761 361.863 110.993 374.377 110.993 390.654C110.993 408.02 120.17 423.289 134.046 432.079C141.918 437.066 151.315 439.969 161.399 439.969C171.483 439.969 180.866 437.066 188.752 432.079Z" fill="#6A82FF" style="fill:#6A82FF;fill:color(display-p3 0.4157 0.5092 1.0000);fill-opacity:1;"/>
+<path d="M297.287 381.233C325.514 363.738 325.412 326.678 299.673 306.003C270.59 282.635 271.509 246.285 299.673 221.919C303.157 218.378 306.539 214.637 309.461 210.634C319.848 197.803 321.916 177.963 313.264 163.748C300.949 143.559 277.788 131.837 278.247 104.529C278.885 66.7826 318.509 58.5401 318.674 25.6822C316.76 -34.7089 227.011 -34.8585 225.046 25.6822C225.212 58.5151 264.988 71.2592 265.473 104.529C265.869 131.588 242.758 143.572 230.457 163.748C221.817 177.963 223.872 197.79 234.272 210.622C247.812 227.468 265.639 241.272 265.486 263.955C265.218 301.788 225.225 309.956 225.059 342.801C224.102 378.465 267.847 400.973 297.274 381.233L297.287 381.233Z" fill="#CCB4FF" style="fill:#CCB4FF;fill:color(display-p3 0.8000 0.7059 1.0000);fill-opacity:1;"/>
+<path d="M20.3139 -162.039C8.08681 -154.296 -1.5984e-05 -140.847 -1.53043e-05 -125.551C0.157365 -94.3563 38.7756 -82.5887 38.3519 -50.6952C38.0371 -26.9467 18.607 -14.5047 6.10144 3.31253C-6.44041 23.3673 1.47693 50.9873 22.6262 62.5656C35.1801 69.5386 49.4531 68.2126 62.6003 64.5899C88.0109 55.8766 118.131 64.1755 128.13 89.4038C135.345 106.227 123.712 123.487 108.446 132.615C93.4949 141.139 79.2582 140.772 62.9514 135.563C22.3598 122.576 -14.1277 160.105 7.0094 197.326C19.1518 217.818 46.4145 225.146 67.7454 212.964C95.2018 197.124 85.626 157.074 114.547 142.855C131.496 132.71 148.916 137.386 167.475 141.459C217.763 153.499 243.368 86.6811 199.616 61.4528C186.966 54.4088 172.923 56.0425 159.642 59.4284C138.59 66.5435 120.588 63.5719 107.865 52.2541C86.1465 32.9333 94.1365 20.4433 81.6794 0.542446C71.5103 -15.7121 52.8065 -23.5493 50.4579 -50.6836C47.722 -82.3285 88.6525 -94.3566 88.8098 -125.54C89.7299 -159.387 48.2183 -180.779 20.3018 -162.026L20.3139 -162.039Z" fill="#6A82FF" style="fill:#6A82FF;fill:color(display-p3 0.4157 0.5092 1.0000);fill-opacity:1;"/>
+<path d="M315.161 103C315.161 76.779 336.809 55.5072 363.532 55.5073C390.255 55.5073 411.903 76.779 411.903 103C411.903 129.221 390.255 150.492 363.532 150.492C336.809 150.492 315.161 129.221 315.161 103Z" stroke="#CCB4FF" style="stroke:#CCB4FF;stroke:color(display-p3 0.8000 0.7059 1.0000);stroke-opacity:1;" stroke-width="1.01486"/>
+</svg>
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
@@ -651,6 +651,7 @@ body.docs-ndl .lists .sect2 {
   line-height: 2rem;
 }
 
+body.docs-ndl .cards .sect2:hover,
 body.docs-ndl .cards.selectable .sect2:hover,
 body.docs-ndl .cards .sect2.selectable:hover {
   transition: 0.1s linear;

Original file line number	Diff line number	Diff line change
`@@ -651,6 +651,7 @@ body.docs-ndl .lists .sect2 {`
`651`	`651`	`line-height: 2rem;`
`652`	`652`	`}`
`653`	`653`
	`654`	`+body.docs-ndl .cards .sect2:hover,`
`654`	`655`	`body.docs-ndl .cards.selectable .sect2:hover,`
`655`	`656`	`body.docs-ndl .cards .sect2.selectable:hover {`
`656`	`657`	`transition: 0.1s linear;`