Merge pull request #4289 from Laravel-Backpack/fix-reponsive-table-header

Fix table header when not responsive

Author: tabacitu

src/public/packages/backpack/base/css/blue-bundle.css

@@ -90,7 +90,7 @@
     }
 
     &[data-has-bulk-actions="1"] {
-      .has-hidden-columns {
+      &.has-hidden-columns {
         thead tr th:first-child,
         tfoot tr th:first-child {
           padding-left: 1.35rem !important;
@@ -112,6 +112,23 @@
       }
     }
 
+    &[data-has-bulk-actions="0"] {
+      &[data-has-details-row="1"],
+      &.has-hidden-columns {
+        thead tr th:first-child,
+        tfoot tr th:first-child {
+          padding-left: 1.8rem !important;
+        }
+      }
+
+      &[data-has-details-row="1"].has-hidden-columns {
+        thead tr th:first-child,
+        tfoot tr th:first-child {
+          padding-left: 3rem !important;
+        }
+      }
+    }
+
     .details-control {
       display: flex;
     }
@@ -139,6 +156,13 @@
       padding-bottom: 1rem !important;
       padding-left: 0.6rem !important;
     }
+    
+    &[data-responsive="0"] {
+      tr th:first-child {
+        padding-top: 0 !important;
+        padding-bottom: 0 !important;
+      }
+    }
 
     &[data-has-bulk-actions="0"] .details-control,
     &[data-has-bulk-actions="0"][data-has-details-row="0"] .dtr-control:before {

src/public/packages/backpack/base/css/bundle.css

@@ -50,8 +50,9 @@
         <table
           id="crudTable"
           class="bg-white table table-striped table-hover nowrap rounded shadow-xs border-xs mt-2"
-          data-has-details-row="{{ $crud->getOperationSetting('detailsRow') ?? 0 }}"
-          data-has-bulk-actions="{{ $crud->getOperationSetting('bulkActions') ?? 0 }}"
+          data-responsive="{{ (int) $crud->getOperationSetting('responsiveTable') }}"
+          data-has-details-row="{{ (int) $crud->getOperationSetting('detailsRow') }}"
+          data-has-bulk-actions="{{ (int) $crud->getOperationSetting('bulkActions') }}"
           cellspacing="0">
             <thead>
               <tr>