Fixed UI Issues in header

OneCommunityGlobal · Jan 18, 2025 · e7e8ca0 · e7e8ca0
1 parent a14cdc5
commit e7e8ca0
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/src/components/Header/DarkModeButton.jsx b/src/components/Header/DarkModeButton.jsx
@@ -21,7 +21,7 @@ function DarkModeButton() {
   return (
     <>
       <Tooltip
-        placement="auto"
+        placement="bottom"
         isOpen={tooltipOpen}
         target="darkModeTooltip"
         toggle={toggleTooltip}

diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
@@ -22,7 +22,7 @@
 .navbar {
   z-index: 100;
   white-space: nowrap;
-  margin-bottom: 20px;
+  /* margin-bottom: 20px; */
 }
 
 .timer-message-section {
@@ -92,13 +92,21 @@
 }
 
 @media screen and (min-width: 1400px) and (max-width: 1700px) {
-  .owner-message {
+  /* .owner-message {
     display: none;
-  }
+  } */
 }
 
 @media screen and (max-width: 769px) {
   .responsive-spacing{
     margin-right: 5px;
   }
 }
+.header-margin{
+  height : 20px;
+  background-color: #1B2A41 ;
+}
+.header-margin-light{
+  height : 20px;
+  background-color: #fff;
+}
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
@@ -427,7 +427,7 @@ export function Header(props) {
                 ) : (
                   <NavItem className="responsive-spacing">
                     <NavLink tag={Link} to="/teamlocations">
-                      {TEAM_LOCATIONS}
+                      <span className="dashboard-text-link">{TEAM_LOCATIONS}</span>
                     </NavLink>
                   </NavItem>
                 )}
@@ -587,6 +587,7 @@ export function Header(props) {
       {props.auth.isAuthenticated && unreadNotifications?.length > 0 ? (
         <NotificationCard notification={unreadNotifications[0]} />
       ) : null}
+      <div className={darkMode ? 'header-margin' : 'header-margin-light'} />
     </div>
   );
 }