From 2c17bd621188f86f52d649bce31af7f1aef4f52b Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Tue, 18 Jun 2024 17:14:00 +0530 Subject: [PATCH 1/9] fixed sidenav Signed-off-by: Preyanshu --- assets/scss/_sidebar-tree.scss | 28 ++++++++++++++-------------- assets/scss/_styles_project.scss | 4 ++++ 2 files changed, 18 insertions(+), 14 deletions(-) diff --git a/assets/scss/_sidebar-tree.scss b/assets/scss/_sidebar-tree.scss index 875fa4c7..a1e224f6 100644 --- a/assets/scss/_sidebar-tree.scss +++ b/assets/scss/_sidebar-tree.scss @@ -5,12 +5,12 @@ margin-right: -15px; margin-left: -15px; - @include media-breakpoint-up(md) { - @supports (position: sticky) { - max-height: $_max-height; - overflow-y: auto; - } - } + // @include media-breakpoint-up(md) { + // @supports (position: sticky) { + // max-height: $_max-height; + // overflow-y: auto; + // } + // } // Adjust height and padding when sidebar_search_disable is true, but only for // >= `lg` views, because on tablet (`md`) and mobile (<= `sm`), the search @@ -140,14 +140,14 @@ &__inner { order: 0; - @include media-breakpoint-up(md) { - @supports (position: sticky) { - position: sticky; - top: 4rem; - z-index: 10; - height: calc(100vh - 5rem); - } - } + // @include media-breakpoint-up(md) { + // @supports (position: sticky) { + // position: sticky; + // top: 4rem; + // z-index: 10; + // height: calc(100vh - 5rem); + // } + // } @include media-breakpoint-up(xl) { flex: 0 1 320px; diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 3e0df24b..0ac0150b 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -199,6 +199,10 @@ a:not([href]):not([class]):hover { #0f0a09, #000000 ); + position: sticky; + height: calc(100vh - 2rem); + top: 2rem; + overflow: auto; } // Left sidebar From 2434ea5c6aed082188263c0f5f77de1d985f7b89 Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Tue, 18 Jun 2024 17:56:05 +0530 Subject: [PATCH 2/9] another margin fix Signed-off-by: Preyanshu --- assets/scss/_styles_project.scss | 18 ++++++------------ 1 file changed, 6 insertions(+), 12 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 0ac0150b..6fd2ff9e 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -191,18 +191,12 @@ a:not([href]):not([class]):hover { z-index: 5; } .td-sidebar { - background-image: linear-gradient( - to top, - #1e2117, - #1d1912, - #18120e, - #0f0a09, - #000000 - ); - position: sticky; - height: calc(100vh - 2rem); - top: 2rem; - overflow: auto; + background-image: linear-gradient(to top, #1e2117, #1d1912, #18120e, #0f0a09, #000000); + position: sticky; + height: calc(100vh - 4rem); + top: 4rem; + overflow: auto; + padding-top: 3rem; } // Left sidebar From 432482aef20b1387859ea92deb58f313e20f94c5 Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Wed, 19 Jun 2024 18:03:40 +0530 Subject: [PATCH 3/9] fix : moblie view + horzontal scrollbar + hidden edges Signed-off-by: Preyanshu --- assets/scss/_pageinfo.scss | 1 + assets/scss/_styles_project.scss | 28 ++++++++++++++++++++++------ 2 files changed, 23 insertions(+), 6 deletions(-) diff --git a/assets/scss/_pageinfo.scss b/assets/scss/_pageinfo.scss index 738c2b02..c7c54c1b 100644 --- a/assets/scss/_pageinfo.scss +++ b/assets/scss/_pageinfo.scss @@ -5,6 +5,7 @@ margin: 2rem auto; padding: 1.5rem; padding-bottom: 0.5rem; + overflow-x : hidden; @each $color, $value in $theme-colors { &-#{$color} { diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 6fd2ff9e..50cf82e4 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -60,10 +60,16 @@ // min-height: 90vh; // } + +//main sections .td-outer { margin-top: 3rem; } +body{ + overflow-x: hidden; +} + // Main Middle Body .td-content { h2 { @@ -193,10 +199,20 @@ a:not([href]):not([class]):hover { .td-sidebar { background-image: linear-gradient(to top, #1e2117, #1d1912, #18120e, #0f0a09, #000000); position: sticky; - height: calc(100vh - 4rem); - top: 4rem; + height: calc(100vh - 5.5rem); + top: 5.5rem; overflow: auto; - padding-top: 3rem; + padding-top: 1rem; +} + +@media screen and (max-width: 768px){ + .td-sidebar { + position: relative; + height: auto; + top: 0; + padding-top: 0; + } + } // Left sidebar @@ -273,9 +289,9 @@ a:not([href]):not([class]):hover { ); @supports (position: sticky) { position: sticky; - top: 4rem; - padding-top: 3rem; - height: calc(100vh - 4rem); + top: 5.5rem; + padding-top: 1rem; + height: calc(100vh - 5.5rem); overflow-y: auto; } .taxo-categories { From 0e7fe4c7fdf86fd2b368408878f576a976749ac2 Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Wed, 19 Jun 2024 18:22:25 +0530 Subject: [PATCH 4/9] fix : moblie view + horzontal scrollbar + hidden edges Signed-off-by: Preyanshu --- assets/scss/_pageinfo.scss | 1 + assets/scss/_styles_project.scss | 28 ++++++++++++++++++++++------ 2 files changed, 23 insertions(+), 6 deletions(-) diff --git a/assets/scss/_pageinfo.scss b/assets/scss/_pageinfo.scss index 738c2b02..c7c54c1b 100644 --- a/assets/scss/_pageinfo.scss +++ b/assets/scss/_pageinfo.scss @@ -5,6 +5,7 @@ margin: 2rem auto; padding: 1.5rem; padding-bottom: 0.5rem; + overflow-x : hidden; @each $color, $value in $theme-colors { &-#{$color} { diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 6fd2ff9e..50cf82e4 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -60,10 +60,16 @@ // min-height: 90vh; // } + +//main sections .td-outer { margin-top: 3rem; } +body{ + overflow-x: hidden; +} + // Main Middle Body .td-content { h2 { @@ -193,10 +199,20 @@ a:not([href]):not([class]):hover { .td-sidebar { background-image: linear-gradient(to top, #1e2117, #1d1912, #18120e, #0f0a09, #000000); position: sticky; - height: calc(100vh - 4rem); - top: 4rem; + height: calc(100vh - 5.5rem); + top: 5.5rem; overflow: auto; - padding-top: 3rem; + padding-top: 1rem; +} + +@media screen and (max-width: 768px){ + .td-sidebar { + position: relative; + height: auto; + top: 0; + padding-top: 0; + } + } // Left sidebar @@ -273,9 +289,9 @@ a:not([href]):not([class]):hover { ); @supports (position: sticky) { position: sticky; - top: 4rem; - padding-top: 3rem; - height: calc(100vh - 4rem); + top: 5.5rem; + padding-top: 1rem; + height: calc(100vh - 5.5rem); overflow-y: auto; } .taxo-categories { From bdf33553254edcd27f81e0ac6dfeb5640e71d371 Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Wed, 19 Jun 2024 18:22:42 +0530 Subject: [PATCH 5/9] fix height bug Signed-off-by: Preyanshu --- assets/scss/_styles_project.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 50cf82e4..b317b056 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -213,6 +213,14 @@ a:not([href]):not([class]):hover { padding-top: 0; } +} +@media screen and (min-height: 800px){ + .td-sidebar { + height: 100vh; + top: 0; + padding-top: 3rem; + } + } // Left sidebar From 4ad2f578de29c4a15780188807333eccbd1e8d9f Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Wed, 19 Jun 2024 18:29:07 +0530 Subject: [PATCH 6/9] fix body overflow Signed-off-by: Preyanshu --- assets/scss/_styles_project.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index dc411398..b317b056 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -66,6 +66,10 @@ margin-top: 3rem; } +body{ + overflow-x: hidden; +} + // Main Middle Body .td-content { h2 { From c33f8e9b771231d1e5139aeec810210ae5fb7152 Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Wed, 19 Jun 2024 18:32:01 +0530 Subject: [PATCH 7/9] another fix Signed-off-by: Preyanshu --- assets/scss/_pageinfo.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/scss/_pageinfo.scss b/assets/scss/_pageinfo.scss index c7c54c1b..5d439ded 100644 --- a/assets/scss/_pageinfo.scss +++ b/assets/scss/_pageinfo.scss @@ -5,7 +5,7 @@ margin: 2rem auto; padding: 1.5rem; padding-bottom: 0.5rem; - overflow-x : hidden; + @each $color, $value in $theme-colors { &-#{$color} { From 774f18f113019788ac755cec27394de1ae11b1bc Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Wed, 19 Jun 2024 18:43:15 +0530 Subject: [PATCH 8/9] another mobile view bug fix Signed-off-by: Preyanshu --- assets/scss/_styles_project.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index b317b056..8bff2100 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -214,15 +214,15 @@ a:not([href]):not([class]):hover { } } -@media screen and (min-height: 800px){ +@media screen and (min-height: 800px) and (min-width: 768px) { .td-sidebar { height: 100vh; top: 0; padding-top: 3rem; } - } + // Left sidebar .td-sidebar-nav { overflow: hidden; From 2aa5c07b54ae3a46dfb59a484ad70005c6d6be74 Mon Sep 17 00:00:00 2001 From: Preyanshu Date: Wed, 19 Jun 2024 18:48:57 +0530 Subject: [PATCH 9/9] mobie view Signed-off-by: Preyanshu --- assets/scss/_styles_project.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 8bff2100..5ffbe0f1 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -201,8 +201,9 @@ a:not([href]):not([class]):hover { position: sticky; height: calc(100vh - 5.5rem); top: 5.5rem; - overflow: auto; + overflow-y: auto; padding-top: 1rem; + overflow-x: hidden; } @media screen and (max-width: 768px){