SwissDataScienceCenter / renku-ui

The web frontend of the Renku platform
https://renkulab.io
Apache License 2.0
13 stars 6 forks source link

Avoid nesting buttons or anchors in links #3250

Open lorenzo-cavazzi opened 1 month ago

lorenzo-cavazzi commented 1 month ago

With the new design, we introduced a new pattern for ListGroupItems with the whole row either linking to a page or opening a canvas, and a quick-actions button. This breaks some HTML rules by nesting buttons/anchors inside another anchor (see screenshot where the blue and yellow are an anchor and a button, and they are nested inside the parent anchor in blue).

image

We should make a new component that simplifies avoiding this behavior. Mind that we might want to compromise on the position by letting this component always be either the rightmost element or on the bottom for smaller screens