From 35092864264b4827ea397dceec280cf07f979616 Mon Sep 17 00:00:00 2001
From: ClaPalo <claudioclaudio91@gmail.com>
Date: Thu, 11 Apr 2024 19:09:19 -0500
Subject: [PATCH 1/4] Fixed field circle icons not moving in Safari

---
 src/components/EditorCanvas/Table.jsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx
index 0c385fa..0b88cf8 100644
--- a/src/components/EditorCanvas/Table.jsx
+++ b/src/components/EditorCanvas/Table.jsx
@@ -53,7 +53,7 @@ export default function Table(props) {
         .getElementById(`scroll_table_${tableData.id}`)
         .scrollIntoView({ behavior: "smooth" });
     }
-  }
+  };
 
   return (
     <>
@@ -100,7 +100,6 @@ export default function Table(props) {
                   theme="solid"
                   style={{
                     backgroundColor: "#2f68ad",
-                    opacity: "0.7",
                     marginRight: "6px",
                   }}
                   onClick={openEditor}
@@ -175,7 +174,6 @@ export default function Table(props) {
                     type="tertiary"
                     size="small"
                     style={{
-                      opacity: "0.7",
                       backgroundColor: "grey",
                       color: "white",
                     }}
@@ -279,7 +277,7 @@ export default function Table(props) {
           } flex items-center gap-2 overflow-hidden`}
         >
           <button
-            className="flex-shrink-0 w-[10px] h-[10px] bg-[#2f68ad] opacity-80 z-50 rounded-full"
+            className="flex-shrink-0 w-[10px] h-[10px] bg-[#2f68ad] rounded-full"
             onMouseDown={() => {
               handleGripField(index);
               setLinkingLine((prev) => ({
@@ -303,7 +301,6 @@ export default function Table(props) {
               theme="solid"
               size="small"
               style={{
-                opacity: "0.7",
                 backgroundColor: "#d42020",
               }}
               icon={<IconMinus />}

From f6e6a50e9d98a5ac7d703f084a4d4ab95b101a82 Mon Sep 17 00:00:00 2001
From: ClaPalo <claudioclaudio91@gmail.com>
Date: Thu, 11 Apr 2024 19:20:29 -0500
Subject: [PATCH 2/4] Fixed Landing page

---
 src/components/SimpleCanvas.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SimpleCanvas.jsx b/src/components/SimpleCanvas.jsx
index 2d374ac..e3bd914 100644
--- a/src/components/SimpleCanvas.jsx
+++ b/src/components/SimpleCanvas.jsx
@@ -41,7 +41,7 @@ function Table({ table, grab }) {
           >
             <div className={hoveredField === i ? "text-zinc-500" : ""}>
               <button
-                className={`w-[9px] h-[9px] bg-[#2f68ad] opacity-80 z-50 rounded-full me-2`}
+                className={`w-[9px] h-[9px] bg-[#2f68ad] rounded-full me-2`}
               />
               {e.name}
             </div>
@@ -161,8 +161,8 @@ export default function SimpleCanvas({ diagram, zoom }) {
       const dy = e.clientY - offset.y;
       setTables((prev) =>
         prev.map((table, i) =>
-          i === dragging ? { ...table, x: dx, y: dy } : table
-        )
+          i === dragging ? { ...table, x: dx, y: dy } : table,
+        ),
       );
     }
   };

From 99cee1c10434ede1cbe4f8806909b9e14564f310 Mon Sep 17 00:00:00 2001
From: ClaPalo <claudioclaudio91@gmail.com>
Date: Thu, 11 Apr 2024 20:08:05 -0500
Subject: [PATCH 3/4] Reintroduced opacity using RGBA

---
 src/components/EditorCanvas/Table.jsx | 8 ++++----
 src/components/SimpleCanvas.jsx       | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx
index 0b88cf8..0044722 100644
--- a/src/components/EditorCanvas/Table.jsx
+++ b/src/components/EditorCanvas/Table.jsx
@@ -99,7 +99,7 @@ export default function Table(props) {
                   size="small"
                   theme="solid"
                   style={{
-                    backgroundColor: "#2f68ad",
+                    backgroundColor: "#2f68adb3",
                     marginRight: "6px",
                   }}
                   onClick={openEditor}
@@ -174,7 +174,7 @@ export default function Table(props) {
                     type="tertiary"
                     size="small"
                     style={{
-                      backgroundColor: "grey",
+                      backgroundColor: "#808080b3",
                       color: "white",
                     }}
                   />
@@ -277,7 +277,7 @@ export default function Table(props) {
           } flex items-center gap-2 overflow-hidden`}
         >
           <button
-            className="flex-shrink-0 w-[10px] h-[10px] bg-[#2f68ad] rounded-full"
+            className="flex-shrink-0 w-[10px] h-[10px] bg-[#2f68adcc] rounded-full"
             onMouseDown={() => {
               handleGripField(index);
               setLinkingLine((prev) => ({
@@ -301,7 +301,7 @@ export default function Table(props) {
               theme="solid"
               size="small"
               style={{
-                backgroundColor: "#d42020",
+                backgroundColor: "#d42020b3",
               }}
               icon={<IconMinus />}
               onClick={() => deleteField(fieldData, tableData.id)}
diff --git a/src/components/SimpleCanvas.jsx b/src/components/SimpleCanvas.jsx
index e3bd914..e848ffe 100644
--- a/src/components/SimpleCanvas.jsx
+++ b/src/components/SimpleCanvas.jsx
@@ -41,7 +41,7 @@ function Table({ table, grab }) {
           >
             <div className={hoveredField === i ? "text-zinc-500" : ""}>
               <button
-                className={`w-[9px] h-[9px] bg-[#2f68ad] rounded-full me-2`}
+                className={`w-[9px] h-[9px] bg-[#2f68adcc] rounded-full me-2`}
               />
               {e.name}
             </div>

From 9e18adf1e914fde1f983ba5271c3cc9ba8eca005 Mon Sep 17 00:00:00 2001
From: ClaPalo <claudioclaudio91@gmail.com>
Date: Thu, 11 Apr 2024 22:24:50 -0500
Subject: [PATCH 4/4] Fixed also template page

---
 src/components/Thumbnail.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Thumbnail.jsx b/src/components/Thumbnail.jsx
index b5093d5..bcee00f 100644
--- a/src/components/Thumbnail.jsx
+++ b/src/components/Thumbnail.jsx
@@ -116,7 +116,7 @@ export default function Thumbnail({ diagram, i, zoom, theme }) {
                     >
                       <div className="flex items-center justify-start">
                         <div
-                          className={`w-[6px] h-[6px] bg-[#2f68ad] opacity-80 z-50 rounded-full me-2`}
+                          className={`w-[6px] h-[6px] bg-[#2f68adcc] rounded-full me-2`}
                         ></div>
                         <div>{f.name}</div>
                       </div>