ubuntu.com icon indicating copy to clipboard operation
ubuntu.com copied to clipboard

Replace custom is-ticked list with new Vanilla component on Azure page(s)

Open pastelcyborg opened this issue 1 year ago • 1 comments

Summary

In order to match the desired design, the team has utilized a series of p-list--divided components with the is-ticked boolean on its child items:

https://github.com/canonical/ubuntu.com/blob/cloud-bubble-refresh/templates/azure/sql.html#L51

Unfortunately, achieving this required the use of grid classes mixed with list items, which probably has unintended effects for one or both components.

Expected behavior

Optimally, Vanilla makes available a new component that looks and functions as the desired design here. An Issue has already been filed against Vanilla to add such a component:

https://github.com/canonical/vanilla-framework/issues/5293

Once this component has been added, it should be used here on ubuntu.com as well, rather than the current solution, and this Issue should track this work.

pastelcyborg avatar Aug 13 '24 22:08 pastelcyborg

@pastelcyborg thank you for rising this issue, we will replace the component as soon as Vanilla provides us with one

lizzochek avatar Sep 10 '24 11:09 lizzochek

Closing this issue because this discussion was moved here

muhammad-ali-pk avatar Mar 13 '25 08:03 muhammad-ali-pk