From 456c2da7aba43ec0aa0bea963e13ded02f543069 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 16 Jul 2021 19:52:46 +0200
Subject: [PATCH] wait #4597 @0:10

---
 .../views/track-non-default-values.blade.php        | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/resources/views/track-non-default-values.blade.php b/src/resources/views/track-non-default-values.blade.php
index 4c8dfd5..cbc0852 100644
--- a/src/resources/views/track-non-default-values.blade.php
+++ b/src/resources/views/track-non-default-values.blade.php
@@ -2,6 +2,7 @@
     <script type="text/javascript">
         jQuery('document').ready(function ($) {
             $(document).on('change', 'select,input,textarea', function () {
+                $(this).closest('[data-default]').addClass('live-change')
                 markChangedFields();
             });
             markChangedFields();
@@ -30,11 +31,11 @@
 
 @push('crud_fields_styles')
     <style type="text/css">
-        .non-default {
+        .non-default,.live-change {
             position: relative;
         }
 
-        .non-default::after {
+        .non-default::after, .live-change:after {
             content: '';
 
             position: absolute;
@@ -46,5 +47,13 @@
             top: -8px;
             bottom: -8px;
         }
+
+        .non-default.live-change:after{
+            background-color:darkorange;
+        }
+
+        .live-change:after{
+            background-color:darkgreen;
+        }
     </style>
 @endpush
-- 
2.39.5