fized a style related bug

Super7000 · Apr 10, 2024 · 9f87779 · 9f87779
1 parent 0167472
commit 9f87779
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/Components/Cards.jsx b/src/Components/Cards.jsx
@@ -84,14 +84,11 @@ export const Card = memo(({
         } else event.currentTarget.classList.add("active")
     }, [canStayActiveMultipleCards])
 
-    let cardStyle = {}
-    if (showEditBtn) cardStyle = { position: "relative", top: "-20px" }
-
     const innerCard = (
         <div className={"card data " + className} onClick={(e) => {
             cardClickHandler(e)
             defaultClickHandler(e)
-        }} title={details} style={cardStyle}>
+        }} title={details}>
             {compressText ? (details.length > 6 ? details.slice(0, 5) + ".." : details) : details}
         </div>
     )

diff --git a/src/Style/Cards.css b/src/Style/Cards.css
@@ -54,8 +54,12 @@
         0 0 0px 6px dodgerblue;
 }
 
-.card-wrapper .edit-btn {
+.card-wrapper {
     position: relative;
+}
+
+.card-wrapper .edit-btn {
+    position: absolute;
     float: right;
     width: 20px;
     height: 20px;