<script type="text/javascript">
jQuery('document').ready(function ($) {
$(document).on('change', 'select,input,textarea', function () {
+ $(this).closest('[data-default]').addClass('live-change')
markChangedFields();
});
markChangedFields();
@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;
top: -8px;
bottom: -8px;
}
+
+ .non-default.live-change:after{
+ background-color:darkorange;
+ }
+
+ .live-change:after{
+ background-color:darkgreen;
+ }
</style>
@endpush