zeitgeistpm / documentation

Source material for Zeitgeist's documentation site.
https://docs.zeitgeist.pm
3 stars 12 forks source link

Some minor corrections, layout change #30

Closed maltekliemann closed 3 years ago

maltekliemann commented 3 years ago

Most corrections (like the incorrect font in the navbar) only pertain mobile.

The main menu now contains two chapters, Documentation and Technology. This is polkadot-wiki style, and is a good solution, I believe.

I'm trying to keep pull requests small, so this isn't all of the major overhaul that was discussed on discord.

vercel[bot] commented 3 years ago

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/zeitgeistpm/docs/9zLqkmZjYd3kKZgkbWTTuo5cpp96
✅ Preview: https://docs-git-fork-maltekliemann-develop-zeitgeistpm.vercel.app

maltekliemann commented 3 years ago

The color of Documentation in the menu appears to be incorrect (always blue, even if not selected). This seems to have something to do with to: /, so I expect this to get fixed with future layout changes. But it should be kept an eye on.

maltekliemann commented 3 years ago

Regarding the repository name: I know this is an awkward request, but maybe change the name to zeitgeist-docs or something similar?

maltekliemann commented 3 years ago

In light mode, navbar colors are a bit off. Most likely cause is this bug: https://github.com/facebook/docusaurus/issues/3937

maltekliemann commented 3 years ago

In light mode, navbar colors are a bit off. Most likely cause is this bug: facebook/docusaurus#3937

Nevermind... You can fix this problem by removing the following lines from the CSS:

.navbar {
  background: black;
  color: white;
  border-bottom: 1px solid #292830;
}

.footer {
  background: black;
  border-top: 1px solid #292830;
}

In general, if we want to have dark mode and light mode side-by-side (which I would suggest), then all style changes must be made for dark and light mode seperately using html [data-theme="dark"] { /* ... */ }.