possible fix for the cell losing focus when clicking on the border

mathesar-foundation · Dec 16, 2024 · 72f0295 · 72f0295
1 parent f157aed
commit 72f0295
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/mathesar_ui/src/components/cell-fabric/data-types/components/CellWrapper.svelte b/mathesar_ui/src/components/cell-fabric/data-types/components/CellWrapper.svelte
@@ -115,6 +115,7 @@
     min-height: var(--cell-height, var(--default-cell-height));
     display: flex;
     flex-direction: column;
+    outline-offset: -2px;
 
     &.has-padding {
       padding: var(--cell-padding);
@@ -125,11 +126,14 @@
     }
 
     &[data-active-cell] {
-      box-shadow: 0 0 0 2px var(--slate-300);
+      outline: 2px solid var(--slate-300);
+      // box-shadow: 0 0 0 2px var(--slate-300);
       border-radius: 2px;
 
       &:focus {
-        box-shadow: 0 0 0 2px var(--sky-700);
+        // box-shadow: 0 0 0 2px var(--sky-700);
+        outline: 2px solid var(--sky-700);
+
       }
     }
 
@@ -140,9 +144,11 @@
 
     &.is-edit-mode {
       padding: 0px;
-      box-shadow:
-        0 0 0 3px var(--sky-700),
-        0 0 8px #000000 !important;
+      // box-shadow:
+      //   0 0 0 3px var(--sky-700),
+      //   0 0 8px #000000 !important;
+      outline: 3px solid var(--sky-700);
+      outline-offset: -3px;
     }
 
     &.truncate {

diff --git a/mathesar_ui/src/components/sheet/cells/SheetDataCell.svelte b/mathesar_ui/src/components/sheet/cells/SheetDataCell.svelte
@@ -59,7 +59,7 @@
 
   [data-cell-active] {
     z-index: var(--z-index__sheet__active-cell);
-    border-color: transparent;
+    /* border-color: transparent; */
     min-height: 100%;
     height: auto;
   }