menu hover in sidebar is fixed #72 (#89)

bytemakers · Oct 9, 2022 · c50b0d7 · c50b0d7
2 parents 90c8ffa + 7a10a09
commit c50b0d7
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 10 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/components/RecycleBin/RecycleBin.css b/frontend/src/components/RecycleBin/RecycleBin.css
@@ -96,7 +96,7 @@ header,
     font-size: 15px;
 }
 
-.settings .menu {
+/* .settings .menu {
     z-index: 1;
     bottom: 0;
     right: -5px;
@@ -135,7 +135,7 @@ header,
 
 .menu li i {
     padding-right: 8px;
-}
+} */
 
 .popup-box {
     position: fixed;

diff --git a/frontend/src/components/RecycleBin/RecycleBin.js b/frontend/src/components/RecycleBin/RecycleBin.js
@@ -116,11 +116,6 @@ const RecycleBin = () => {
                         <span>{convertToMonthName(new Date(dateStu).getMonth()) + " " + new Date(dateStu).getDate().toString() + ", " + new Date(dateStu).getFullYear()}</span>
                         <div onClick={() => unArchive(note._id)} id={`settings-${note._id}`} className="settings">
                           <RiInboxUnarchiveLine />
-                            {/* <i onClick={() => openMenu(note._id)} className="uil uil-ellipsis-h"></i>
-                            <ul className="menu show">
-                                <li onClick={() => openAddNoteModalForEditNote(note._id)}><i className="uil uil-pen"></i>Edit</li>
-                                <li onClick={() => deleteNote(note._id)}><i className="uil uil-trash"></i>Delete</li>
-                            </ul> */}
                         </div>
                         <div onClick={() => deletePermanently(note._id)} id={`settings-${note._id}`} className="settings">
                           <AiFillDelete />

diff --git a/frontend/src/components/Sidenav/Sidenav.css b/frontend/src/components/Sidenav/Sidenav.css
@@ -122,7 +122,7 @@ header .image-text .profession {
     transform: translateY(-50%) rotate(0deg);
 }
 
-.sidebar .menu {
+.sidebar .bar {
     margin-top: 40px;
 }
 

diff --git a/frontend/src/components/Sidenav/Sidenav.js b/frontend/src/components/Sidenav/Sidenav.js
@@ -60,7 +60,7 @@ const Sidenav = () => {
       </header>
 
       <div className="menu-bar">
-          <div className="menu">
+          <div className="bar">
 
               <li onClick={searchbarClick} className="search-box">
                   <i className="fa-solid fa-magnifying-glass icon"></i>