[resources/views]: Improve style on Datatables when using responsive …

…extension (#1320)
jeroennoten · Nov 9, 2024 · fbb7064 · fbb7064
1 parent 4dafd79
commit fbb7064
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/resources/views/components/tool/datatable.blade.php b/resources/views/components/tool/datatable.blade.php
@@ -47,7 +47,7 @@
 </script>
 @endpush
 
-{{-- Add CSS styling --}}
+{{-- Add CSS styling for beautify option --}}
 
 @isset($beautify)
     @push('css')
@@ -59,3 +59,20 @@
     </style>
     @endpush
 @endisset
+
+{{-- Improve CSS styling when using responsive extension --}}
+
+@if(! empty($config['responsive']))
+    @once
+    @push('css')
+    <style type="text/css">
+        .dataTable .child .dtr-details {
+            width: 100%;
+        }
+        .dataTable .child .dtr-data {
+            float: right;
+        }
+    </style>
+    @endpush
+    @endonce
+@endif