search

alphagov / govuk-frontend

GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
https://frontend.design-system.service.gov.uk/
MIT License
1.17k stars 321 forks source link

styling for nested bullet lists #1784

Open gidsg opened 4 years ago

gidsg commented 4 years ago

Currently the design system does not include styling for nested bullet lists. e.g. a <ul> within a <ul> or the example included in: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul

Currently if you use no additional classes on the nested elements they look OK: Screenshot 2020-04-15 at 10 48 46 However, if you add the .govuk-list they no longer appear as clearly nested: Screenshot 2020-04-15 at 10 51 54

If the default styling is not considered best practice, then the design system classes should handle this case explicitly.

hannalaakso commented 4 years ago

hours estimate is based on fixing the styling but not documenting it.

Context: GOV.UK content designers have always followed the convention of not using nested lists (although this isn't documented anywhere) so right now we're not confident in adding documentation for doing this in the Design System (we'd need more evidence of user need).