Fixes.

osinaweb/osinacore/templates/main.html

@@ -47,8 +47,7 @@
         class="w-full h-full bg-black bg-opacity-40 z-20 fixed hidden justify-center items-center inset-0 p-5">
         <div class="w-full s:w-[500px] h-fit rounded-md p-5 cursor-pointer relative"
             style="background-color: {{note.color}}">
-            <p class="text-base text-gray-500 p-5 rounded-md" id="noteContent">
+            <p class="text-base text-gray-500 p-5 rounded-md" style="word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;" id="noteContent"></p>
-            </p>
 
             <div class="bg-white rounded-full h-[30px] w-[30px] shadow-md absolute top-2 right-2 p-2 flex justify-center items-center cursor-pointer text-secondosiblue"
                 onclick="closeModal()">

osinaweb/static/dist/output.css

@@ -1056,6 +1056,10 @@ video {
   height: 2.5rem;
 }
 
+.h-12 {
+  height: 3rem;
+}
+
 .h-14 {
   height: 3.5rem;
 }
@@ -1234,10 +1238,6 @@ video {
   height: 100vh;
 }
 
-.h-12 {
-  height: 3rem;
-}
-
 .max-h-\[50px\] {
   max-height: 50px;
 }
@@ -1254,6 +1254,10 @@ video {
   width: 2.5rem;
 }
 
+.w-12 {
+  width: 3rem;
+}
+
 .w-14 {
   width: 3.5rem;
 }
@@ -1334,10 +1338,6 @@ video {
   width: 220px;
 }
 
-.w-\[22px\] {
-  width: 22px;
-}
-
 .w-\[240px\] {
   width: 240px;
 }
@@ -1447,10 +1447,6 @@ video {
   width: 100%;
 }
 
-.w-12 {
-  width: 3rem;
-}
-
 .min-w-full {
   min-width: 100%;
 }
@@ -2459,6 +2455,10 @@ video {
   --tw-gradient-to: #fff var(--tw-gradient-to-position);
 }
 
+.fill-blue-600 {
+  fill: #2563eb;
+}
+
 .fill-osiblue {
   fill: #20336b;
 }
@@ -2467,10 +2467,6 @@ video {
   fill: #374a7a;
 }
 
-.fill-blue-600 {
-  fill: #2563eb;
-}
-
 .stroke-black {
   stroke: #000;
 }
@@ -3650,8 +3646,8 @@ video {
     height: 70px;
   }
 
-  .md\:w-\[160px\] {
+  .md\:w-\[250px\] {
-    width: 160px;
+    width: 250px;
   }
 
   .md\:w-\[300px\] {
@@ -3663,10 +3659,6 @@ video {
     width: fit-content;
   }
 
-  .md\:w-\[250px\] {
-    width: 250px;
-  }
-
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

osinaweb/static/js/projects-filtering.js

@@ -19,10 +19,12 @@ document.addEventListener('DOMContentLoaded', function () {
             allProjectsContainer.classList.remove('hidden');
             projectLoader.classList.add('hidden');
 
-        // Check if "Pending" is selected
+        // Check if "In Progress" is selected
-        } else if (selectedStatus === 'Pending') {
+        } else if (selectedStatus === 'In Progress') {
             inProgressProjectsContainer.classList.remove('hidden');
+            projectsByStatusContainer.classList.add('hidden');
             projectLoader.classList.add('hidden');
+            allProjectsContainer.classList.add('hidden');
         } else {
             fetch('/projects/status/' + selectedStatus + '/')
                 .then(response => response.text())

osinaweb/static/js/side-bar.js

@@ -72,13 +72,14 @@ document.addEventListener('DOMContentLoaded', function () {
     // TO DISPLAY THE USER PROFILE DROPDOWN ON MOBILE
     const mobileUserProfile = document.getElementById('mobileUserProfile');
     var dropdown = document.getElementById('mobileUserProfileDropdown');
-    var arrowDown = menuItem.querySelector('.angleDown');
+    const mobileArrowDown = document.querySelector('#mobileUserProfile .fa-angle-down');
-    var arrowUp = menuItem.querySelector('.angleUp');
+    const mobileArrowUp = document.querySelector('#mobileUserProfile .fa-angle-up');
+    
 
     mobileUserProfile.addEventListener('click', function () {
         dropdown.classList.toggle('active');
-        arrowDown.style.display = arrowDown.style.display === 'none' ? 'inline' : 'none';
+        mobileArrowDown.style.display = mobileArrowDown.style.display === 'none' ? 'inline' : 'none';
-        arrowUp.style.display = arrowUp.style.display === 'none' ? 'inline' : 'none';
+        mobileArrowUp.style.display = mobileArrowUp.style.display === 'none' ? 'inline' : 'none';
     });
 });