The page with typography examples at https://demo.plone.org/content-types/typography does not contain multiline example content for e.g. unordered list items (and maybe: ordered list items).
This ticket is aiming at the example content used in https://light-theme.kitconcept.io (and demo.plone.org for all 3 tastes of Plone)
Example:
There is a bug in Volto Light Theme CSS with Safari due to a styling working in other browsers but not in Safari both on macOS and iOS/iPadOS
The line height of the first line is changed to adjust the list-item marker at the front by adjusting the line height. This works at first sight in Chrome and Firefox.
In Safari the line height is visually only changed for the first line because the style is bound to the list-item -> li:marker.
The fix of the CSS for the above example should then happen in VLT, where I opened already a ticket and offered a pull-request. This was outdated and I have to prive a new one.
#515
Consideration why to add more examples
Without proper test content (and a Storybook) and not testing Safari the issue and others flaws are not visible at first sight. The above example e.g. looks very ugly on iPhones.
Suggested examples
Adding more examples of multiline content for relevant text, currently only consisting of one line in the examples:
- headlines
- bylines
- kicker lines
- image description, captions
Goal: Make flaws obvious at early state and fix them early! Example content I crucial for that.
How and where to place without overloading a page – Adding a "extreme content" page
- Showcasing important advanced corner cases underlines the competence of a CMS (Theme)
- The VLT combination pages show the way to go
Relevant places
I added a ticket to demo.plone.org mentiioning also pure Volto and ClassicUI.
plone/demo.plone.org#94
The page with typography examples at https://demo.plone.org/content-types/typography does not contain multiline example content for e.g. unordered list items (and maybe: ordered list items).
This ticket is aiming at the example content used in https://light-theme.kitconcept.io (and demo.plone.org for all 3 tastes of Plone)
Example:
There is a bug in Volto Light Theme CSS with Safari due to a styling working in other browsers but not in Safari both on macOS and iOS/iPadOS
The line height of the first line is changed to adjust the list-item marker at the front by adjusting the line height. This works at first sight in Chrome and Firefox.
In Safari the line height is visually only changed for the first line because the style is bound to the list-item -> li:marker.
The fix of the CSS for the above example should then happen in VLT, where I opened already a ticket and offered a pull-request. This was outdated and I have to prive a new one.
#515
Consideration why to add more examples
Without proper test content (and a Storybook) and not testing Safari the issue and others flaws are not visible at first sight. The above example e.g. looks very ugly on iPhones.
Suggested examples
Adding more examples of multiline content for relevant text, currently only consisting of one line in the examples:
How and where to place without overloading a page – Adding a "extreme content" page
Relevant places
I added a ticket to demo.plone.org mentiioning also pure Volto and ClassicUI.
plone/demo.plone.org#94