1
0
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:
Akshay 2021-05-23 23:33:40 +02:00
parent 0055aaf1d8
commit 31132a3bff
3 changed files with 12 additions and 15 deletions

View File

@ -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)

View File

@ -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;

View File

@ -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>