SwissDataScienceCenter/renku-ui

Avoid nesting buttons or anchors in links

Opened this issue · 0 comments

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