mirror of
https://github.com/oceanprotocol/docs.git
synced 2024-11-26 19:49:26 +01:00
Improvement: Use pointer on hover over modules
This commit is contained in:
parent
0055aaf1d8
commit
31132a3bff
@ -68,7 +68,6 @@ exports.createPages = ({ graphql, actions }) => {
|
|||||||
htmlAst
|
htmlAst
|
||||||
tableOfContents
|
tableOfContents
|
||||||
frontmatter {
|
frontmatter {
|
||||||
slug
|
|
||||||
title
|
title
|
||||||
app
|
app
|
||||||
module
|
module
|
||||||
@ -298,19 +297,19 @@ const createReadTheDocsPage = async (createPage, name, list) => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
list.forEach((element) => {
|
// list.forEach((element) => {
|
||||||
createMarkdownPage(createPage, element)
|
// createMarkdownPage(createPage, element)
|
||||||
})
|
// })
|
||||||
}
|
}
|
||||||
|
|
||||||
const createMarkdownPage = async (createPage, element) => {
|
// const createMarkdownPage = async (createPage, element) => {
|
||||||
// console.log("element", JSON.stringify(element.node.frontmatter))
|
// // console.log("element", JSON.stringify(element.node.frontmatter))
|
||||||
const markdownTemplate = path.resolve('./src/templates/MarkdownTemplate.jsx')
|
// const markdownTemplate = path.resolve('./src/templates/MarkdownTemplate.jsx')
|
||||||
createPage({
|
// createPage({
|
||||||
path: element.node.frontmatter.slug,
|
// path: element.node.frontmatter.slug,
|
||||||
component: markdownTemplate
|
// component: markdownTemplate
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
|
|
||||||
const filterMarkdownList = (markdownList, string) => {
|
const filterMarkdownList = (markdownList, string) => {
|
||||||
return markdownList.filter(({ node }) => node.frontmatter.app === string)
|
return markdownList.filter(({ node }) => node.frontmatter.app === string)
|
||||||
|
@ -6,7 +6,6 @@
|
|||||||
padding: $spacer / 6 $spacer / 2;
|
padding: $spacer / 6 $spacer / 2;
|
||||||
border-left: 0.1rem solid transparent;
|
border-left: 0.1rem solid transparent;
|
||||||
margin-left: -0.05rem;
|
margin-left: -0.05rem;
|
||||||
cursor: 'pointer';
|
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
@ -23,7 +22,6 @@
|
|||||||
composes: link;
|
composes: link;
|
||||||
color: $brand-purple;
|
color: $brand-purple;
|
||||||
border-left-color: $brand-purple;
|
border-left-color: $brand-purple;
|
||||||
cursor: 'pointer';
|
|
||||||
|
|
||||||
:global(.setup) & {
|
:global(.setup) & {
|
||||||
color: $brand-blue;
|
color: $brand-blue;
|
||||||
|
@ -45,7 +45,7 @@ export default function MarkdownList({ pageContext }) {
|
|||||||
selectedModule.id === id ? moduleStyles.active : moduleStyles.link
|
selectedModule.id === id ? moduleStyles.active : moduleStyles.link
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li key={id} id={id}>
|
<li key={id} id={id} style={{ cursor: 'pointer' }}>
|
||||||
<a className={className} onClick={() => changeNodeid(id)}>
|
<a className={className} onClick={() => changeNodeid(id)}>
|
||||||
{label}
|
{label}
|
||||||
</a>
|
</a>
|
||||||
|
Loading…
Reference in New Issue
Block a user