Enhance grid loading CSS for Bootstrap 4.x card layout

kartik-v · Sep 10, 2018 · 30ee1f8 · 30ee1f8
1 parent 6d67d8e
commit 30ee1f8
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/CHANGE.md b/CHANGE.md
@@ -3,8 +3,9 @@ Change Log: `yii2-grid`
 
 ## Version 3.2.0
 
-**Date:** 09-Sep-2018
+**Date:** 10-Sep-2018
 
+- Enhance grid loading CSS for Bootstrap 4.x card layout.
 - (enh #820): Ability to strip HTML tags for columns from export.
 - (enh #819): Enhance grid export generation for PJAX grids (correct timestamp).
 - (enh #818): Correct PDF Export Generation response.

diff --git a/src/assets/css/kv-grid.css b/src/assets/css/kv-grid.css
@@ -123,14 +123,15 @@
 .kv-grid-loading {
     position: relative;
     overflow: hidden;
+    max-height: 100%;
 }
 
 .kv-grid-loading .kv-loader-overlay {
     display: block;
 }
 
 .kv-loader-overlay {
-    background: #fff;
+    background: transparent;
     position: absolute;
     opacity: 0.6;
     top: 0;
@@ -140,6 +141,12 @@
     display: none;
 }
 
+.kv-grid-loading .card,
+.kv-grid-loading .table {
+    background: transparent;
+    opacity: 0.6;
+}
+
 .kv-loader {
     position: absolute;
     background: #fff url('../img/loading.gif') center center no-repeat !important;