From e1a5e7131152d339e30c095021d8fefa0d4e6b52 Mon Sep 17 00:00:00 2001 From: Akhilender Date: Wed, 30 Aug 2023 02:36:25 +0530 Subject: [PATCH 1/7] Enhanced Spacing for Improved Component Layout In response to user feedback, this commit addresses the spacing concerns within the GetNighthawk website's UI. The existing design was visually appealing but lacked sufficient spacing between certain components. Changes Made: - Added margin-bottom to the analysis, distribution, and standards-based cards to create a clear distinction between them and improve readability. - Introduced appropriate spacing between the 'Nighthawk & Meshery' section and the 'Layer 7 Performance Analysis' division to enhance the overall visual balance. These adjustments have been carefully implemented to maintain the smooth and polished UI while ensuring a more comfortable viewing experience for users. The improved spacing creates a harmonious layout, allowing each component to breathe and stand out effectively. Resolves Issue: #290 Signed-off-by: Akhilender akhilenderb9@gmail.com Signed-off-by: Akhilender --- docs/_sass/getnighthawk.scss | 2 +- docs/_sass/index.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/_sass/getnighthawk.scss b/docs/_sass/getnighthawk.scss index f585b223..acf9730f 100644 --- a/docs/_sass/getnighthawk.scss +++ b/docs/_sass/getnighthawk.scss @@ -5533,7 +5533,7 @@ div.globalFooterCard.card-environment { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; - margin: 2rem 0rem; + margin: 2rem 0rem 12rem 0rem; padding: 2rem 0rem; .card-item { display: flex; diff --git a/docs/_sass/index.scss b/docs/_sass/index.scss index 83567894..d6f7cd7f 100644 --- a/docs/_sass/index.scss +++ b/docs/_sass/index.scss @@ -217,7 +217,7 @@ $blue-munsell-3: #4392a4ff; // nighthawk-description startups .nighthawk-description-div { - margin: -23rem auto 3rem auto; + margin: -23rem auto 12rem auto; z-index: 1; } .description-div { From fec4e2910e618e74413ac02c5db4c952713f32cd Mon Sep 17 00:00:00 2001 From: Akhilender Date: Wed, 30 Aug 2023 13:22:45 +0530 Subject: [PATCH 2/7] Implemented customizd scrollbar feature Refactored the CSS code to introduce a custom scrollbar consistent with modern design trends. The new scrollbar design aligns with the desired appearance, replacing the default one. Changes Made: - Added custom scrollbar CSS rules. - Removed the default scrollbar appearance. These adjustments have been carefully implemented to maintain the smooth and polished UI. Resolves Issue: #327 Signed-off-by: Akhilender --- docs/_sass/getnighthawk.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/docs/_sass/getnighthawk.scss b/docs/_sass/getnighthawk.scss index acf9730f..d943fd97 100644 --- a/docs/_sass/getnighthawk.scss +++ b/docs/_sass/getnighthawk.scss @@ -5979,3 +5979,20 @@ div.globalFooterCard.card-environment { .accordion-button::after { margin-left: 10px !important; } + +/* Custom Scrollbar*/ +::-webkit-scrollbar{ + width: 8px; +} +::-webkit-scrollbar-track { + background-color: #ffffff; +} +::-webkit-scrollbar-thumb { + background-color: #393E46; + border-radius: 12px; + box-shadow: inset 0 0 6px rgba(0,0,0,.3); + transition: background-color 0.3s ease; +} +::-webkit-scrollbar-thumb:hover { + background: #555b66; +} \ No newline at end of file From 84626cb4db376367f1113df3b3162bc8b46ff532 Mon Sep 17 00:00:00 2001 From: Akhilender Date: Fri, 8 Sep 2023 00:11:52 +0530 Subject: [PATCH 3/7] Updated Twitter logo to X (New Logo) - Updated the Twitter logo on the GetNighthawk.dev website from the old logo to the new X logo. - This change aligns with the desired state of the website and ensures consistency with branding. Fixes #325 Signed-off-by: Akhilender --- docs/_includes/social-icon.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/_includes/social-icon.html b/docs/_includes/social-icon.html index f34952a9..9f156240 100644 --- a/docs/_includes/social-icon.html +++ b/docs/_includes/social-icon.html @@ -14,7 +14,7 @@ {% when "Tumblr" %} {% when "Twitter" %} - + {% when "YouTube" %} {% when "RSS" %} From cb3dc7f5e3fe9c1278ddba19aba0c676333e0584 Mon Sep 17 00:00:00 2001 From: Akhilender Bongirwar <112749383+akhilender-bongirwar@users.noreply.github.com> Date: Sat, 9 Sep 2023 00:03:58 +0530 Subject: [PATCH 4/7] Removed redundant css - Removed the redundant css code for custom scrollbar Signed-off-by: Akhilender Bongirwar <112749383+akhilender-bongirwar@users.noreply.github.com> --- docs/_sass/getnighthawk.scss | 19 +------------------ 1 file changed, 1 insertion(+), 18 deletions(-) diff --git a/docs/_sass/getnighthawk.scss b/docs/_sass/getnighthawk.scss index d943fd97..f585b223 100644 --- a/docs/_sass/getnighthawk.scss +++ b/docs/_sass/getnighthawk.scss @@ -5533,7 +5533,7 @@ div.globalFooterCard.card-environment { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; - margin: 2rem 0rem 12rem 0rem; + margin: 2rem 0rem; padding: 2rem 0rem; .card-item { display: flex; @@ -5979,20 +5979,3 @@ div.globalFooterCard.card-environment { .accordion-button::after { margin-left: 10px !important; } - -/* Custom Scrollbar*/ -::-webkit-scrollbar{ - width: 8px; -} -::-webkit-scrollbar-track { - background-color: #ffffff; -} -::-webkit-scrollbar-thumb { - background-color: #393E46; - border-radius: 12px; - box-shadow: inset 0 0 6px rgba(0,0,0,.3); - transition: background-color 0.3s ease; -} -::-webkit-scrollbar-thumb:hover { - background: #555b66; -} \ No newline at end of file From 975ea62eae5a96fcb1248e2e3a96507255bad447 Mon Sep 17 00:00:00 2001 From: Akhilender Bongirwar <112749383+akhilender-bongirwar@users.noreply.github.com> Date: Sat, 9 Sep 2023 00:06:46 +0530 Subject: [PATCH 5/7] Reverted the css of index.scss - Changed back the css of index.scss to its original state. - Removed the changes related to the other issue Signed-off-by: Akhilender Bongirwar <112749383+akhilender-bongirwar@users.noreply.github.com> --- docs/_sass/index.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/_sass/index.scss b/docs/_sass/index.scss index d6f7cd7f..7c830ce0 100644 --- a/docs/_sass/index.scss +++ b/docs/_sass/index.scss @@ -217,7 +217,7 @@ $blue-munsell-3: #4392a4ff; // nighthawk-description startups .nighthawk-description-div { - margin: -23rem auto 12rem auto; + margin: -23rem auto 3rem auto; z-index: 1; } .description-div { @@ -366,4 +366,4 @@ $blue-munsell-3: #4392a4ff; } } -// stewarded by section ends \ No newline at end of file +// stewarded by section ends From e3a14521734dab064e61b0ae343e9f55f1f8bc32 Mon Sep 17 00:00:00 2001 From: Akhilender Bongirwar <112749383+akhilender-bongirwar@users.noreply.github.com> Date: Mon, 2 Oct 2023 15:03:21 +0530 Subject: [PATCH 6/7] Reverted index.scss Signed-off-by: Akhilender Bongirwar <112749383+akhilender-bongirwar@users.noreply.github.com> From 5464f6bd2b09491741ca549522717c9571d9ded4 Mon Sep 17 00:00:00 2001 From: Akhilender Bongirwar <112749383+akhilender-bongirwar@users.noreply.github.com> Date: Tue, 3 Oct 2023 19:30:52 +0530 Subject: [PATCH 7/7] Changed the outline of Twitter logo - Implemented a white color fill on hover. - Aligns with design standards of hover effect of meshery.io Signed-off-by: Akhilender Bongirwar <112749383+akhilender-bongirwar@users.noreply.github.com> --- docs/_sass/getnighthawk.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/_sass/getnighthawk.scss b/docs/_sass/getnighthawk.scss index f585b223..ce2f0c7d 100644 --- a/docs/_sass/getnighthawk.scss +++ b/docs/_sass/getnighthawk.scss @@ -5794,7 +5794,7 @@ div.globalFooterCard.card-environment { } &.twitter-icon:hover svg { - fill: #55acee; + fill: #ffffff; } &.google-plus-icon:hover svg {