Fixed UI Bugs (No changes made in Handbook CSS to prevent conflicts)

Signed-off-by: Muhammad Moinuddin <[email protected]>
layer5io · Jul 19, 2024 · a0f2f5a · a0f2f5a
1 parent c92b5b2
commit a0f2f5a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/src/components/SistentNavigation/intra-page.js b/src/components/SistentNavigation/intra-page.js
@@ -50,7 +50,7 @@ const JoinCommunityWrapper = styled.div`
       opacity: 0;
       height: 0;
       transition: none;
-      visibility: hidden;
+      display: none;
     }
   }
 
@@ -64,7 +64,6 @@ function IntraPage() {
 
   useEffect(() => {
     const anchors = document.querySelectorAll(".main-content > a");
-    console.log(anchors);
     if (anchors) {
       setContents(
         Array.from(anchors).map((a) => ({

diff --git a/src/components/handbook-navigation/intra-page.js b/src/components/handbook-navigation/intra-page.js
@@ -44,7 +44,7 @@ const JoinCommunityWrapper = styled.div`
       opacity: 0;
       height: 0;
       transition: none;
-      visibility: hidden;
+      display: none;
     }
   }
 

diff --git a/src/sections/Projects/Sistent/sistent.style.js b/src/sections/Projects/Sistent/sistent.style.js
@@ -21,6 +21,9 @@ const SistentWrapper = styled.div`
   .content {
     width: 100%;
     padding-bottom: 2rem;
+    @media only screen and (max-width: 425px){
+      overflow: hidden; 
+    }
     ul > li {
       color: ${(props) => props.theme.text};
       transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
@@ -176,7 +179,7 @@ const SistentWrapper = styled.div`
   }
 
   .community-home-container {
-    padding: 1rem 0;
+    padding: 1rem;
     padding-bottom: 4rem;
     display: flex;
     flex-wrap: wrap;
@@ -446,7 +449,7 @@ const SistentWrapper = styled.div`
       opacity: 0;
       height: 0;
       transition: none;
-      visibility: hidden;
+      display: none;
     }
   }
 
@@ -626,10 +629,6 @@ const SistentWrapper = styled.div`
     margin-bottom: 0.5rem;
   }
 
-  .components-container {
-    margin-left: 1rem;
-  }
-
   .search-container {
     display: flex;
     justify-content: center;