From 5e3e3e188a4a6d2a4888e4e08da7c1fe2d1b2c1e Mon Sep 17 00:00:00 2001 From: Igor <12849336+DoubleCookies@users.noreply.github.com> Date: Thu, 13 May 2021 00:42:46 +0300 Subject: [PATCH 1/2] render p as div (#496) --- components/common/Markdown.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/common/Markdown.tsx b/components/common/Markdown.tsx index 78685cc97..594516a39 100644 --- a/components/common/Markdown.tsx +++ b/components/common/Markdown.tsx @@ -48,7 +48,7 @@ const Markdown: React.FC = ({ return { paragraph: (props: any) => { const { children } = props; - return {children}; + return {children}; }, emphasis: (props: any) => { const { children } = props; From 0578e38eeea04521e72451a2d15748602fa957be Mon Sep 17 00:00:00 2001 From: Igor <12849336+DoubleCookies@users.noreply.github.com> Date: Sat, 15 May 2021 17:42:07 +0300 Subject: [PATCH 2/2] Scrollable nav (#497) * scrollable nav * rename --- components/layout/Nav.tsx | 1 + pages/styles.css | 11 +++++++++++ 2 files changed, 12 insertions(+) diff --git a/components/layout/Nav.tsx b/components/layout/Nav.tsx index 4a8ec41f0..3fabc60c9 100644 --- a/components/layout/Nav.tsx +++ b/components/layout/Nav.tsx @@ -27,6 +27,7 @@ const Nav = () => { position="sticky" alignSelf="flex-start" display={["none", null, null, "block"]} + className="scrollableNavigation" > {navItems.map(({ code, name }) => { const isActive = navItem?.code === code; diff --git a/pages/styles.css b/pages/styles.css index feb4f6f2f..86197a1e7 100644 --- a/pages/styles.css +++ b/pages/styles.css @@ -176,3 +176,14 @@ For React Datepicker color: var(--text); outline: none; } + +.scrollableNavigation { + max-height: calc(100vh - 1rem); + overflow-y: auto; + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + +.scrollableNavigation::-webkit-scrollbar { + display: none; +}