1
0
Fork 0
Commit graph

52 commits

Author SHA1 Message Date
Joost De Cock
43a89a85ad feat(fs.dev): moved theme picker to header 2021-12-30 17:55:46 +01:00
Joost De Cock
bb901c4d8a fix(fs.dev): (hackish) workaround for theme prop update issue
This is a workaround for the following problem that I can't seem
to understand.

This JSX code:

<p data-theme={props.app.theme}>{props.app.theme}</p>

Is rendered as:

<p data-theme="light">dark</p>

This happens only upon initial page load because on the server
side we don't know the user's preferred theme. So we start with
the default (light).

Then, as the app bootstraps in the browser, it updated the content
of the P tag with the new theme (dark).
However, for reasons that I really don't understand, it does not
update the `data-theme` attribute.

So this works around that be forcing a different component for each
theme that has the data-theme hardcoded. By force-rendering a different
component, we can be certain React has no choice be to re-render the
entire tag.

If anybody could explain to me why this happen, I'd gladly buy you
a coffee or something.
2021-12-30 16:52:28 +01:00
Joost De Cock
1bc0b4985c wip(fs.dev): Troubleshooting SSR themeing issues 2021-12-30 14:23:02 +01:00
Joost De Cock
e1ca53f52c fix(fs.dev): Make sidebar dark as suggested by @hellgy 2021-12-29 18:58:20 +01:00
Joost De Cock
b59c5036ed feat(fs.dev): Added OG intro for description 2021-12-28 20:01:59 +01:00
Joost De Cock
d71a8246ac feat(fs.dev): Layout changes after initial feedback 2021-12-28 17:09:45 +01:00
Joost De Cock
1c0b8458e5 fix(fs.shared): Links in navigation 2021-12-28 16:29:06 +01:00
Joost De Cock
453a26b868 fix(fs.shared): Remove debug statement 2021-12-28 16:23:52 +01:00
Joost De Cock
1369241c95 feat(fs.shared): Updated mdx components 2021-12-28 16:12:09 +01:00
Joost De Cock
14a56e4617 feat(fs.shared): Allow passing className to Popout 2021-12-28 16:11:46 +01:00
Joost De Cock
c0af5c37d3 feat(fs.shared): Added comment popout 2021-12-28 12:24:24 +01:00
Joost De Cock
cbc9571b8d fix(fs.shared): code whitespace 2021-12-28 12:24:06 +01:00
Joost De Cock
5156fb6ee7 fix(fs.shared): Whitespace wrap in code blocks 2021-12-28 09:05:27 +01:00
Joost De Cock
9ef46c502a chore(fs.dev): Prebuild 2021-12-27 17:33:31 +01:00
Joost De Cock
c28a5a84a6 fix(fs.shared): Full-width fix 2021-12-27 15:16:43 +01:00
Joost De Cock
0d4cf95f70 feat(fs.shared): Use entities for right left arrows 2021-12-27 14:59:32 +01:00
Joost De Cock
8b665fa881 fix(fs.dev): Updated viewBox for logo 2021-12-27 14:42:01 +01:00
Joost De Cock
d0864e00c9 feat(fs.dev): Ported icons to one file per icon 2021-12-27 14:30:10 +01:00
Joost De Cock
788846c677 chore(fs.dev): Better popouts on mobile 2021-12-27 12:10:26 +01:00
Joost De Cock
72c276267e fix(fs.dev): Hide loader on mobile 2021-12-27 10:05:40 +01:00
Joost De Cock
71347b6a7c fix(fs.dev): increase bottom margin for navigation on mobile 2021-12-27 08:44:03 +01:00
Joost De Cock
5f7a5326fc wip(fs.dev): Work on footer 2021-12-26 18:22:52 +01:00
Joost De Cock
7a65152260 wip(fs.dev): Added blog posts 2021-12-26 16:43:35 +01:00
Joost De Cock
6d1e685c1f chore(fs.dev): More theme tweaks 2021-12-26 12:52:00 +01:00
Joost De Cock
da7ff9ec43 feat(fs.dev): Added themed loading indicator 2021-12-25 15:08:14 +01:00
Joost De Cock
3940f458bb wip(fs.dev): Work on navigation menu 2021-12-25 14:14:18 +01:00
Joost De Cock
519de5e202 wip(fs.dev): More work on new dev site 2021-12-25 13:43:41 +01:00
Joost De Cock
096c2f5f6a wip(fs.dev): More work on new dev site 2021-12-24 18:17:02 +01:00
Joost De Cock
e705da9e7f feat(ds.dev): example is not a shared component 2021-12-24 17:13:48 +01:00
Joost De Cock
3e69789b87 wip(fs.dev): more work on styles 2021-12-24 14:46:42 +01:00
Joost De Cock
4d441f4eec wip(fs.dev): Pattern themeing support 2021-12-22 18:16:26 +01:00
Joost De Cock
3c7fcaa342 fix(fs.dev): Increase margin on popout 2021-12-22 17:12:18 +01:00
Joost De Cock
77eaee2cde feat(fs.dev): Keep active path open in navigation 2021-12-22 17:11:49 +01:00
Joost De Cock
f59d4ed9fd wip(fs.dev): Theme changes and breadcrumbs fix 2021-12-22 17:06:50 +01:00
Joost De Cock
99393b8629 feat(fs.dev): MDX styling 2021-12-21 20:47:13 +01:00
Joost De Cock
334a6933fd feat(fs.dev): Logo changes in line with themes 2021-12-21 19:29:28 +01:00
Joost De Cock
9b0530daca wip(fs.dev): Work on themes and themed logo 2021-12-21 18:50:19 +01:00
Joost De Cock
ed922f4d99 fix(fs.dev): No need to wrap link in a div 2021-12-20 18:40:02 +01:00
Joost De Cock
18566b5d37 wip(fs.dev): Work on mdx components 2021-12-19 19:08:54 +01:00
Joost De Cock
1b888f02f1 fix(fs.dev): Prevent navigation from overwriting keys 2021-12-19 18:37:08 +01:00
Joost De Cock
4a4794b415 chore(fs.dev): Added tagine 2021-12-18 16:26:55 +01:00
Joost De Cock
9e86221787 feat(fs.dev): Added theme picker to navigation 2021-12-18 16:13:55 +01:00
Joost De Cock
ea46bc019d chore(fs.dev): Tweaks to dark theme 2021-12-18 15:48:01 +01:00
Joost De Cock
d1f53b78b6 feat(fs.dev): Added syntax highlighting 2021-12-18 15:41:37 +01:00
Joost De Cock
c5e971e8a7 feat(fs.dev): Loading MDX is now ok 2021-12-18 09:54:53 +01:00
Joost De Cock
092c81f535 wip(fs.dev): Work on navigation menu 2021-12-17 17:51:20 +01:00
Joost De Cock
bd2d5a49f2 wip(fs.dev): Work on navigation 2021-12-16 19:01:37 +01:00
Joost De Cock
13af8b478c chore(fs.dev): Work on navigation menu 2021-12-12 18:58:24 +01:00
Joost De Cock
586cb2ed3b chore(fs.dev): Added navigation prebuild 2021-12-12 18:00:08 +01:00
Joost De Cock
d8fb6868f1 chore(fs.dev): Work on prebuild for mdx content 2021-12-11 18:19:20 +01:00