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;
+ }
}
}