fix(VDataTable): add missing scss variable for loading opacity

vuetifyjs · Apr 16, 2024 · 69b5cc8 · 69b5cc8
1 parent 0f2b549
commit 69b5cc8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VDataTable/VDataTable.sass b/packages/vuetify/src/components/VDataTable/VDataTable.sass
@@ -91,7 +91,7 @@
 
 .v-data-table--loading
   .v-data-table__td
-    opacity: 0.3
+    opacity: $data-table-loading-opacity
 
 .v-data-table-group-header-row__column
   padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important

diff --git a/packages/vuetify/src/components/VDataTable/_variables.scss b/packages/vuetify/src/components/VDataTable/_variables.scss
@@ -9,3 +9,4 @@ $data-table-footer-select-width: 90px !default;
 $data-table-footer-items-per-page-padding: 8px !default;
 $data-table-header-sort-badge-size: 20px !default;
 $data-table-header-sort-badge-color: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
+$data-table-loading-opacity: var(--v-disabled-opacity) !default;