From b080aeb8f15208b124208ed842880547757eefef Mon Sep 17 00:00:00 2001
From: candifloss <candifloss@candifloss.cc>
Date: Thu, 14 Nov 2024 19:01:12 +0530
Subject: [PATCH] unsuccessful attempt to fix sidebar size

---
 test/css/repo-home.css                  | 19 ++++++++++++-------
 test/html/repo-home.html                |  2 +-
 test/scss/repo-home.scss                |  3 ++-
 test/scss/repo-home/_sidebar-right.scss |  4 +++-
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/test/css/repo-home.css b/test/css/repo-home.css
index 418331b..ca83cf8 100644
--- a/test/css/repo-home.css
+++ b/test/css/repo-home.css
@@ -87,7 +87,9 @@ header .header-section.header-right a:hover {
   padding: 0;
   display: flex;
   flex-direction: column;
-  height: 95vh;
+  height: 100%;
+  max-height: 100%;
+  overflow-y: auto;
 }
 .sidebar-right .repo-info {
   display: flex;
@@ -225,19 +227,19 @@ header .header-section.header-right a:hover {
   margin-right: 1ch;
 }
 .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-1 {
-  background: linear-gradient(to left, rgb(155, 6, 54) 0%, rgb(155, 6, 54) 40%, rgba(0, 0, 0, 0) 0%);
+  background: linear-gradient(to left, rgb(74, 21, 80) 0%, rgb(74, 21, 80) 40%, rgba(0, 0, 0, 0) 0%);
 }
 .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-2 {
-  background: linear-gradient(to left, rgb(61, 26, 8) 0%, rgb(61, 26, 8) 10%, rgba(0, 0, 0, 0) 0%);
+  background: linear-gradient(to left, rgb(90, 82, 155) 0%, rgb(90, 82, 155) 10%, rgba(0, 0, 0, 0) 0%);
 }
 .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-3 {
-  background: linear-gradient(to left, rgb(145, 99, 35) 0%, rgb(145, 99, 35) 15%, rgba(0, 0, 0, 0) 0%);
+  background: linear-gradient(to left, rgb(149, 46, 65) 0%, rgb(149, 46, 65) 15%, rgba(0, 0, 0, 0) 0%);
 }
 .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-4 {
-  background: linear-gradient(to left, rgb(156, 88, 84) 0%, rgb(156, 88, 84) 20%, rgba(0, 0, 0, 0) 0%);
+  background: linear-gradient(to left, rgb(90, 82, 110) 0%, rgb(90, 82, 110) 20%, rgba(0, 0, 0, 0) 0%);
 }
 .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-5 {
-  background: linear-gradient(to left, rgb(183, 64, 20) 0%, rgb(183, 64, 20) 90%, rgba(0, 0, 0, 0) 0%);
+  background: linear-gradient(to left, rgb(73, 132, 34) 0%, rgb(73, 132, 34) 90%, rgba(0, 0, 0, 0) 0%);
 }
 .sidebar-right .settings-link {
   display: flex;
@@ -265,7 +267,10 @@ body {
   background-color: #232323;
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
+  height: 100vh;
+}
+body .body-content {
+  height: 95vh;
 }
 body .body-content main.main-content {
   flex: 1;
diff --git a/test/html/repo-home.html b/test/html/repo-home.html
index 6a38554..fab3f64 100644
--- a/test/html/repo-home.html
+++ b/test/html/repo-home.html
@@ -109,7 +109,7 @@
 				</div>
 
 				<div class="repo-languages">
-					<h3 class="repo-languages-title">Languages</h3>
+					<!-- h3 class="repo-languages-title">Languages</h3 -->
 					<ul class="repo-lang-list">
 						<li class="repo-lang-list-item lang-1">
 							<i class="repo-lang-icon fa-brands fa-css3-alt"></i>
diff --git a/test/scss/repo-home.scss b/test/scss/repo-home.scss
index 90937da..0e5522c 100644
--- a/test/scss/repo-home.scss
+++ b/test/scss/repo-home.scss
@@ -6,9 +6,10 @@ body {
     background-color: #232323;
     display: flex;
 	flex-direction: column;
-	min-height: 100vh;
+	height: 100vh;
 
     .body-content {
+		height: 95vh;
         main.main-content {
             flex: 1;
             //display: flex;
diff --git a/test/scss/repo-home/_sidebar-right.scss b/test/scss/repo-home/_sidebar-right.scss
index 92891aa..c520399 100644
--- a/test/scss/repo-home/_sidebar-right.scss
+++ b/test/scss/repo-home/_sidebar-right.scss
@@ -57,7 +57,9 @@ $settings-link-hover-bg-color: #333;
     padding: 0;
     display: flex;
     flex-direction: column;
-	height: 95vh;
+	height: 100%;
+	max-height: 100%;
+	overflow-y: auto;
 
     .repo-info {
         display: flex;