UX research page layout #305
Conversation
✅ Deploy Preview for neo4j-docs-ui ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
src/css/research.css
Outdated
| border-bottom: 1px solid #ccc; | ||
| } | ||
|
|
||
| .faq-item .arrow { |
There was a problem hiding this comment.
@recrwplay I couldn't get the collapsible drawer to work or use the chevron-up.svg as an icon instead. :/
There was a problem hiding this comment.
I think [%collapsible] not working is a quirk of how the ui-bundle preview is built. If I build this page as part of the docs-home repo I can get the standard collapsible behavior with eg this format to show a list of collapsible entries:
.What is a user research panel?
[%collapsible%open]
====
A user research panel is a group of users who have signed up to participate in research studies.
These studies help us understand how people use our products so we can improve them.
====
There was a problem hiding this comment.
Do you know how we can use an image for the collapsible icon? The instructions I read suggested using the icon in the asciidoc, not in the CSS, but then it would be a special character and not an image.
There was a problem hiding this comment.
I think if we use it we just have to take the default for now
There was a problem hiding this comment.
IOW I don't think it's worth the time for a one-off usage
There was a problem hiding this comment.
Anu also mentioned we don't really need to make the items collapsible, so we can skip that
Reference https://www.figma.com/design/5aibTxQGAMllJ0Bc4gSMAI/UX-Research-page?node-id=1-1968&t=3yw3HyJ2ubWsvNe2-0