From 186557f3fdd2c0da44ff073058042733703e981d Mon Sep 17 00:00:00 2001 From: Ankit Kumar Karna Date: Wed, 19 Apr 2023 12:17:25 +0545 Subject: [PATCH 1/5] Fixed codeblock on documentation for mobile devices, fixed background in about us page, and added community forum to footer --- src/data/footer.ts | 1 + src/elements/content/Content.scss | 25 +++++++++++++++++++++++++ src/views/about/Team.astro | 18 ++++++++---------- src/views/about/Team.scss | 3 ++- 4 files changed, 36 insertions(+), 11 deletions(-) diff --git a/src/data/footer.ts b/src/data/footer.ts index b6fbf9fd..a841fef4 100644 --- a/src/data/footer.ts +++ b/src/data/footer.ts @@ -60,6 +60,7 @@ const getFooterData = async (): Promise => { badge: 'New!', badgeColor: 'success' }, + { href: 'https://community.neptunemutual.com/', includeTheme: false, text: 'Community Forum', isExternal: false }, { href: '/ecosystem/', text: 'Ecosystem', isExternal: false }, { href: '/docs/', text: 'Documentation', isExternal: false }, { href: '/web3-tools/', text: 'Web3 Tools', isExternal: false }, diff --git a/src/elements/content/Content.scss b/src/elements/content/Content.scss index 2902a7cf..78d498a8 100644 --- a/src/elements/content/Content.scss +++ b/src/elements/content/Content.scss @@ -428,6 +428,31 @@ word-break: break-all; } + .hljs { + table th, + table td { + border: none !important; + } + + table { + width: 100% !important; + + tr:first-child { + background-color: transparent !important; + + td { + background-color: transparent !important; + + } + } + } + + td.hljs-ln-line.hljs-ln-numbers { + width: 20px; + border-right: 1px solid colors.$gray-800 !important; + } + } + table { tr:first-child { background-color: colors.$white; diff --git a/src/views/about/Team.astro b/src/views/about/Team.astro index b920802a..b1a48216 100644 --- a/src/views/about/Team.astro +++ b/src/views/about/Team.astro @@ -32,16 +32,14 @@ const t = (x: string): string => x;

- -
-
- { - team.map((member) => { - return ; - }) - } -
+
+
+ { + team.map((member) => { + return ; + }) + }
- +
diff --git a/src/views/about/Team.scss b/src/views/about/Team.scss index f3384c75..045601ee 100644 --- a/src/views/about/Team.scss +++ b/src/views/about/Team.scss @@ -15,7 +15,7 @@ flex-direction: column; gap: 64px; - background-color: colors.$white; + background-color: colors.$base-white; @media screen and (max-width: 767px) { margin-top: 64px; @@ -75,6 +75,7 @@ .team.members.center { display: flex; flex-direction: column; + align-items: center; } .slider.container { From 0a6646340c22d1e6c635fe227aca9761fbc52773 Mon Sep 17 00:00:00 2001 From: Ankit Kumar Karna Date: Wed, 19 Apr 2023 12:23:57 +0545 Subject: [PATCH 2/5] Mobile responsive on about us --- src/views/about/Team.scss | 17 ++--------------- 1 file changed, 2 insertions(+), 15 deletions(-) diff --git a/src/views/about/Team.scss b/src/views/about/Team.scss index 045601ee..8ff9a574 100644 --- a/src/views/about/Team.scss +++ b/src/views/about/Team.scss @@ -68,7 +68,8 @@ .ui.team.member.list { display: inline-flex; flex-direction: row; - gap: 8px; + flex-wrap: wrap; + gap: 32px; } } @@ -77,20 +78,6 @@ flex-direction: column; align-items: center; } - - .slider.container { - max-width: 100%; - width: auto; - display: inline-flex; - flex-direction: column; - margin-left: auto; - margin-right: auto; - gap: 64px; - - .arrows { - justify-content: center; - } - } } .dark .about.us.section .team.full.width.container { From bf4bf80680b1ccf765b865687f5cefd3497672f4 Mon Sep 17 00:00:00 2001 From: Ankit Kumar Karna Date: Wed, 19 Apr 2023 14:47:57 +0545 Subject: [PATCH 3/5] Removed background color, fixed codeblock on dark mode and fixed cookiepopup dialog on docs --- src/elements/content/Content.scss | 7 +++++++ src/pages/docs/index.scss | 6 ++++++ src/views/about/Team.scss | 3 --- 3 files changed, 13 insertions(+), 3 deletions(-) diff --git a/src/elements/content/Content.scss b/src/elements/content/Content.scss index 78d498a8..b3343c0e 100644 --- a/src/elements/content/Content.scss +++ b/src/elements/content/Content.scss @@ -793,6 +793,13 @@ word-break: break-word; } + .hljs { + table th, + table td { + border: none !important; + } + } + table { tr:first-child { background-color: colors.$gray-900; diff --git a/src/pages/docs/index.scss b/src/pages/docs/index.scss index 28595924..323b7dde 100644 --- a/src/pages/docs/index.scss +++ b/src/pages/docs/index.scss @@ -1,5 +1,11 @@ @import "../../styles/global.scss"; +@import "../../elements/buttons/Button.scss"; +@import "../../elements/buttons/PrimaryButton.scss"; +@import "../../elements/buttons/_base/index.scss"; +@import "../../elements/buttons/LinkGrayButton.scss"; +@import "../../elements/buttons/SecondaryGrayButton.scss"; + @import "../../elements/Input.scss"; @import "../../elements/Breadcrumb.scss"; @import "../../elements/tooltip/Tooltip.scss"; diff --git a/src/views/about/Team.scss b/src/views/about/Team.scss index 8ff9a574..2e9618f6 100644 --- a/src/views/about/Team.scss +++ b/src/views/about/Team.scss @@ -15,8 +15,6 @@ flex-direction: column; gap: 64px; - background-color: colors.$base-white; - @media screen and (max-width: 767px) { margin-top: 64px; margin-bottom: 64px; @@ -81,7 +79,6 @@ } .dark .about.us.section .team.full.width.container { - background-color: colors.$black; > .content { From b14f0189106f265b69a7de56f2b0e8343bdc09d5 Mon Sep 17 00:00:00 2001 From: Ankit Kumar Karna Date: Wed, 19 Apr 2023 15:38:31 +0545 Subject: [PATCH 4/5] Fixed mobile responsive spacing --- src/views/about/Roadmap.scss | 4 ++++ src/views/about/Team.scss | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/views/about/Roadmap.scss b/src/views/about/Roadmap.scss index 23e50ff6..ca819e6f 100644 --- a/src/views/about/Roadmap.scss +++ b/src/views/about/Roadmap.scss @@ -24,6 +24,10 @@ margin-top: 96px; padding-top: 56px; + @media (max-width: 767px) { + margin-top: 0px; + } + @include utils.full-width-container; } diff --git a/src/views/about/Team.scss b/src/views/about/Team.scss index 2e9618f6..35dcf8c6 100644 --- a/src/views/about/Team.scss +++ b/src/views/about/Team.scss @@ -17,7 +17,7 @@ @media screen and (max-width: 767px) { margin-top: 64px; - margin-bottom: 64px; + margin-bottom: 0; padding-bottom: 0; } From 705436d6a733d22439f90ad83857881e57126d7e Mon Sep 17 00:00:00 2001 From: Ankit Kumar Karna Date: Wed, 19 Apr 2023 16:52:41 +0545 Subject: [PATCH 5/5] Fixed two column issue at 767px --- src/views/about/Team.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/views/about/Team.scss b/src/views/about/Team.scss index 35dcf8c6..ece363a3 100644 --- a/src/views/about/Team.scss +++ b/src/views/about/Team.scss @@ -67,7 +67,10 @@ display: inline-flex; flex-direction: row; flex-wrap: wrap; - gap: 32px; + + @media (max-width: 767px) { + gap: 32px; + } } }