fix(popupNavbar): use simple title instead of tooltip to avoid positi…

…oning issues
AdamNowotny · Aug 30, 2024 · 690fc21 · 690fc21
1 parent 54fa226
commit 690fc21
Showing 1 changed file with 11 additions and 13 deletions.
diff --git a/src/dashboard/components/popupNavbar.tsx b/src/dashboard/components/popupNavbar.tsx
@@ -1,28 +1,26 @@
 import React from 'react';
-import { Container, Nav, Navbar, OverlayTrigger, Tooltip } from 'react-bootstrap';
+import { Container, Nav, Navbar } from 'react-bootstrap';
 import './popupNavbar.css';
 
 export default ({ dark = false }: { dark: boolean }) => {
-    const settingsTooltip = <Tooltip id="settings-tooltip">Settings</Tooltip>;
-    const dashboardTooltip = <Tooltip id="dashboard-tooltip">Dashboard</Tooltip>;
     return (
         <Navbar fixed="top" variant={dark ? 'dark' : 'light'}>
             <Container fluid>
                 <Navbar.Brand></Navbar.Brand>
                 <Nav className="justify-content-end" activeKey="/home">
                     <Nav.Item>
-                        <OverlayTrigger placement="bottom" overlay={settingsTooltip}>
-                            <Nav.Link href="../options/options.html" target="_blank">
-                                <i className="fa fa-gear fa-2x"></i>
-                            </Nav.Link>
-                        </OverlayTrigger>
+                        <Nav.Link
+                            href="../options/options.html"
+                            target="_blank"
+                            title="Settings"
+                        >
+                            <i className="fa fa-gear fa-2x"></i>
+                        </Nav.Link>
                     </Nav.Item>
                     <Nav.Item>
-                        <OverlayTrigger placement="bottom" overlay={dashboardTooltip}>
-                            <Nav.Link href="dashboard.html" target="_blank">
-                                <i className="fa fa-tasks fa-2x"></i>
-                            </Nav.Link>
-                        </OverlayTrigger>
+                        <Nav.Link href="dashboard.html" target="_blank" title="Dashboard">
+                            <i className="fa fa-tasks fa-2x"></i>
+                        </Nav.Link>
                     </Nav.Item>
                 </Nav>
             </Container>