vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Simplified table loading overlay

pull/411/head
cagataycivici 2020-07-18 14:11:41 +03:00
parent 291adada5f
commit 7faa9d649c
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/datatable/DataTable.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<div :class="containerClass"> <div :class="containerClass">
<slot></slot> <slot></slot>
<div class="p-datatable-loading" v-if="loading"> <div class="p-datatable-loading-overlay p-component-overlay" v-if="loading">
<div class="p-datatable-loading-overlay p-component-overlay">
<i :class="loadingIconClass"></i> <i :class="loadingIconClass"></i>
</div> </div>
</div>
<div class="p-datatable-header" v-if="$scopedSlots.header"> <div class="p-datatable-header" v-if="$scopedSlots.header">
<slot name="header"></slot> <slot name="header"></slot>
</div> </div>

4
src/components/tree/Tree.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="containerClass"> <div :class="containerClass">
<template v-if="loading"> <template v-if="loading">
<div class="p-tree-loading-mask p-component-overlay"> <div class="p-tree-loading-overlay p-component-overlay">
<i :class="loadingIconClass" /> <i :class="loadingIconClass" />
</div> </div>
</template> </template>
@ -337,7 +337,7 @@ export default {
min-height: 4rem; min-height: 4rem;
} }
.p-tree .p-tree-loading-mask { .p-tree .p-tree-loading-overlay {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
display: flex; display: flex;