New home and hub initial #223
Conversation
✅ Deploy Preview for neo4j-docs-ui ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
preview-src/docs-sub-hub.adoc
Outdated
| . *Working with data sets* | ||
| + | ||
| Learn stuff | ||
| . *Step 3 goes here* |
There was a problem hiding this comment.
Question: with these changes, now every time we use . it will turn into the blue circled number?
There was a problem hiding this comment.
No, it's using a role that is applied to the whole list, in this case [.next-steps], so only lists with that role would have the styles applied.
Also, the css styles for this role are only applied when the page-layout attribute is set to docs-ndl, which we will use for all the new index pages. If we want to use this style of list anywhere else we could remove that requirement.
There was a problem hiding this comment.
True, I missed the [.next-steps] line. I was wondering if that could be helpful for tutorial pages at some point, but we can revisit that later. Thanks for explaining!
There was a problem hiding this comment.
Yes, this could become a reusable pattern that we can apply to existing docs - tutorials are a good example
There was a problem hiding this comment.
We are missing the feedback widget. I guess we can use the same style, just update with NDL colors?
There was a problem hiding this comment.
I've restored the feedback widget - it disabled it at some point in the pages while developing
There was a problem hiding this comment.
Can we add rounded corners to embedded videos? I found this code to be added in the custom CSS:
.video-player .plyr video { object-fit: cover !important; border-radius: 10px !important; }
There was a problem hiding this comment.
I've added a border-radius to display slightly rounded corners
| margin-left: 5rem; | ||
| } | ||
|
|
||
| body.docs-ndl.color-docs .cards .sect2 h3, |
There was a problem hiding this comment.
In line 412, could we have something like this for the icons to be aligned to the left of the text? I suppose this is for the list widget that is being used in the Tutorials subpage?
body.docs-ndl .lists .sect2 .icon img,
body.docs-ndl .icon-s .sect2 .icon img {
width: 3rem;
height: 3rem;
padding: 0;
margin: 40px;
float: left
}
No description provided.