From e0c60aad48ae8d5fc154c21cf3720dd682136a84 Mon Sep 17 00:00:00 2001
From: David Cook <david@redcliffs.net>
Date: Thu, 16 May 2024 14:21:44 +1000
Subject: [PATCH] Display red border around invalid selects

I developed this while going down a slightly different path. I tested it visually, but the case I tested doesn't exist. I'm confident it will work if we ever have an error on another select though.
---
 app/webpacker/css/admin_v3/components/tom_select.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/webpacker/css/admin_v3/components/tom_select.scss b/app/webpacker/css/admin_v3/components/tom_select.scss
index ddae48cd71..5f0eb481e2 100644
--- a/app/webpacker/css/admin_v3/components/tom_select.scss
+++ b/app/webpacker/css/admin_v3/components/tom_select.scss
@@ -194,6 +194,13 @@
   }
 }
 
+// Errors
+.field_with_errors .ts-wrapper {
+  .ts-control {
+    border-color: $color-error;
+  }
+}
+
 // Display as "changed" if sibling select is marked as changed.
 select.changed + .ts-wrapper {
   &.single, &.multi {