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

Added .p-fileupload-highlight class

pull/4130/head
Diego 2023-07-12 19:03:07 +02:00
parent 487c2375f6
commit b9e61eaf43
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/lib/fileupload/BaseFileUpload.vue
View File

@ -14,6 +14,13 @@ const styles = `
left: 0; left: 0;
} }
.p-fileupload-content.p-fileupload-highlight {
border-color: var(--primary-color);
border-width: 2px;
border-style: dashed;
background-color: var(--primary-100);
}
.p-button.p-fileupload-choose { .p-button.p-fileupload-choose {
position: relative; position: relative;
overflow: hidden; overflow: hidden;

2
components/lib/fileupload/FileUpload.vue
View File

@ -265,6 +265,7 @@ export default {
}, },
onDragOver(event) { onDragOver(event) {
if (!this.disabled) { if (!this.disabled) {
this.$refs.content.classList.add('p-fileupload-highlight');
this.$refs.content.setAttribute('data-p-highlight', true); this.$refs.content.setAttribute('data-p-highlight', true);
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();
@ -272,6 +273,7 @@ export default {
}, },
onDragLeave() { onDragLeave() {
if (!this.disabled) { if (!this.disabled) {
this.$refs.content.classList.remove('p-fileupload-highlight');
this.$refs.content.setAttribute('data-p-highlight', false); this.$refs.content.setAttribute('data-p-highlight', false);
} }
}, },