From 565ea231753dd2236d618fa711c72dea31645193 Mon Sep 17 00:00:00 2001
From: David Cook <david@redcliffs.net>
Date: Tue, 8 Aug 2023 16:26:26 +1000
Subject: [PATCH] Hide borders from inputs until hover

---
 app/webpacker/css/admin/products_v3.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss
index ba34c089d4..0eee044a47 100644
--- a/app/webpacker/css/admin/products_v3.scss
+++ b/app/webpacker/css/admin/products_v3.scss
@@ -23,6 +23,7 @@
     padding: 4px;
     border-collapse: separate; // This is needed for the outer padding. Also should be helpful to give more flexibility of borders between rows.
 
+    // Row hover
     tr:hover {
       th,
       td {
@@ -75,6 +76,21 @@
         padding: $padding-tbl-cell-condensed;
       }
     }
+
+    // "Naked" inputs. Row hover helps reveal them.
+    input {
+      border-color: transparent;
+
+      &:focus {
+        border-color: $color-txt-hover-brd;
+      }
+    }
+
+    .field_with_errors {
+      input {
+        border-color: $color-error;
+      }
+    }
   }
 
   #no-products {