Merge pull request #1595 from CGaneshKumar2002/bug(ui)-added-scroll-b…

…ar-to-prevent-overflow bug(ui): Implemented scroll bar to prevent overflow (#1531)
recodehive · Oct 30, 2024 · dee6dcf · dee6dcf
2 parents bec4d70 + 5aaea34
commit dee6dcf
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 1 deletion.
diff --git a/Website/css/Feedback.css b/Website/css/Feedback.css
@@ -400,8 +400,18 @@
       color: white;
       animation: slideInRight 0.3s ease-in-out;
       transition: background-color 0.3s ease;
+      overflow-y: scroll;
   }
-
+
+  #languages::-webkit-scrollbar {
+      width: 20px;
+  }
+
+  #languages::-webkit-scrollbar-track {
+      background: #121245;
+      border-radius: 15px;
+  }
+
   #languages:hover {
       background-color: #0D6EFD; 
   }
@@ -468,8 +478,18 @@
       color: white;
       animation: slideInRight 1s ease-in-out;
       transition: background-color 0.3s ease;
+      overflow-y: scroll;
   }
 
+  #milestone::-webkit-scrollbar {
+     width: 20px;
+  }
+
+  #milestone::-webkit-scrollbar-track {
+     background: #121245;
+     border-radius: 15px;
+  }
+
   #milestone:hover {
       background-color: #0D6EFD; 
   }

diff --git a/Website/css/styles.css b/Website/css/styles.css
@@ -421,6 +421,16 @@ div {
     color: white;
     animation: slideInRight 0.3s ease-in-out;
     transition: background-color 0.3s ease;
+    overflow-y: scroll;
+}
+
+#languages::-webkit-scrollbar {
+    width: 20px;
+}
+
+#languages::-webkit-scrollbar-track {
+    background: #121245;
+    border-radius: 15px;
 }
 
 #languages:hover {
@@ -489,6 +499,16 @@ div {
     color: white;
     animation: slideInRight 1s ease-in-out;
     transition: background-color 0.3s ease;
+    overflow-y: scroll;
+}
+
+#milestone::-webkit-scrollbar {
+    width: 20px;
+}
+
+#milestone::-webkit-scrollbar-track {
+    background: #121245;
+    border-radius: 15px;
 }
 
 #milestone:hover {