QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-16 04:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Enhance visual feedback on file drag-and-drop

Browse Source
This commit is contained in:
Camilo Oviedo
2024-08-14 16:21:48 +10:00
parent 3097d05eda
commit 09b7e74d65
2 changed files with 40 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/webapp/src/components/Dropzone/Dropzone.module.css
View File

@@ -1,12 +1,38 @@
.root {
padding: 20px;
border: 2px dotted #c5cbd3;
border: 2px dashed #c5cbd3; /* Changed from dotted to dashed for better visibility */
border-radius: 6px;
min-height: 200px;
display: flex;
flex-direction: column;
background: #fff;
position: relative;
}
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.dropzoneActive {
background-color: rgba(0, 123, 255, 0.15);
border-color: #007bff;
}
.dropzoneActive .content {
color: #007bff; /* Change text color to match the border when active */
}
.content {
position: relative;
z-index: 20;
transition: color 0.3s ease;
}
.dropzoneActive:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 123, 255, 0.3); /* This creates a full overlay effect */
z-index: 10;
border-radius: 6px; /* Ensures the overlay matches the container's rounded corners */
}