test: remove dynamic navbar asterisks and try css approach with poten…

…tial overflow issue
ucsddesignco · May 31, 2024 · 6083c43 · 6083c43
1 parent 8317796
commit 6083c43
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/src/app/components/Navbar/Navbar.scss b/src/app/components/Navbar/Navbar.scss
@@ -93,7 +93,7 @@ nav {
       width: 0;
       height: 2px;
       background-color: #212121;
-      transition: width 0.3s ease-in;
+      transition: width 0.25s;
     }
 
     &:is(:hover, :focus-visible):before {
@@ -114,15 +114,14 @@ nav {
     color: #212121;
     opacity: 0.45;
     max-width: 310px;
-    height: 1em;
-    // &::before {
-    //   content: '********************************************************************************';
-    //   display: block;
-    //   white-space: nowrap;
-    //   width: 100%;
-    //   height: 100%;
-    //   overflow: hidden;
-    // }
+    &::before {
+      content: '********************************************************************************';
+      display: block;
+      white-space: nowrap;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
   }
 
   .nav-footer {
@@ -150,6 +149,7 @@ nav {
     background-color: #212121;
     height: 61.75px;
     margin-bottom: 40px;
+    transition: background-color 0.3s;
   }
 
   h1 {

diff --git a/src/app/components/Navbar/Navbar.tsx b/src/app/components/Navbar/Navbar.tsx
@@ -142,7 +142,8 @@ export default function Navbar({ pageRefs }: NavbarProps) {
 
             <div>
               <p>
-                THANK YOU FOR CHECKING OUT <br /> UCSD DESIGN CO’S UP-GRADE
+                {`THANK YOU FOR CHECKING OUT`} <br />{' '}
+                {`UCSD DESIGN CO'S UP-GRADE`}
               </p>
               <a href="mailto:[email protected]">
                 <p style={{ textDecoration: 'underline' }}>

diff --git a/src/app/components/Navbar/hooks/useHandleAsterisks.ts b/src/app/components/Navbar/hooks/useHandleAsterisks.ts
@@ -29,7 +29,7 @@ export const useHandleAsterisks = ({
       }
     };
 
-    updateAsterisks();
+    // updateAsterisks();
     window.addEventListener('resize', updateAsterisks);
 
     return () => {