lainwir3d/dolibarr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix css and bug

Browse Source
This commit is contained in:
hystepik 2023-03-22 15:48:33 +01:00
parent 52dab54b97
commit bb2aa2701a
3 changed files with 33 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
htdocs/core/lib/files.lib.php
View File

@ -3333,10 +3333,12 @@ function dragAndDropFileUpload($htmlname)
$out .= "<script>"; $out .= "<script>";
$out .= ' $out .= '
jQuery(document).ready(function() { jQuery(document).ready(function() {
var enterTargetDragDrop = null;
$("#'.$htmlname.'").addClass("cssDragDropArea"); $("#'.$htmlname.'").addClass("cssDragDropArea");
$(".cssDragDropArea").on("dragenter", function(ev) { $(".cssDragDropArea").on("dragenter", function(ev) {
// Entering drop area. Highlight area // Entering drop area. Highlight area
console.log("We add class highlightDragDropArea") console.log("We add class highlightDragDropArea")
enterTargetDragDrop = ev.target;
$(this).addClass("highlightDragDropArea"); $(this).addClass("highlightDragDropArea");
$("#'.$htmlname.'Message").removeClass("hidden"); $("#'.$htmlname.'Message").removeClass("hidden");
ev.preventDefault(); ev.preventDefault();
@ -3344,9 +3346,11 @@ function dragAndDropFileUpload($htmlname)
$(".cssDragDropArea").on("dragleave", function(ev) { $(".cssDragDropArea").on("dragleave", function(ev) {
// Going out of drop area. Remove Highlight // Going out of drop area. Remove Highlight
console.log("We remove class highlightDragDropArea") if (enterTargetDragDrop == ev.target){
$("#'.$htmlname.'Message").addClass("hidden"); console.log("We remove class highlightDragDropArea")
$(this).removeClass("highlightDragDropArea"); $("#'.$htmlname.'Message").addClass("hidden");
$(this).removeClass("highlightDragDropArea");
}
}); });
$(".cssDragDropArea").on("dragover", function(ev) { $(".cssDragDropArea").on("dragover", function(ev) {

14
htdocs/theme/eldy/global.inc.php
View File

@ -7597,27 +7597,21 @@ div.clipboardCPValue.hidewithsize {
.cssDragDropArea{ .cssDragDropArea{
position: relative; position: relative;
border: 2px rgba(123, 123, 123, .2) dashed !important;
padding: 10px !important;
} }
.highlightDragDropArea{ .highlightDragDropArea{
border: 2px #000 dashed !important; border: 2px #000 dashed !important;
background-color: #666 !important; background-color: #bbbbbb !important;
}
.highlightDragDropArea * {
pointer-events: none;
} }
.highlightDragDropArea * :not(.dragDropAreaMessage *){ .highlightDragDropArea * :not(.dragDropAreaMessage *){
opacity:0.5; opacity:0.7;
filter: blur(3px) grayscale(100%); filter: blur(3px) grayscale(100%);
} }
.dragDropAreaMessage { .dragDropAreaMessage {
position: absolute; position: absolute;
left:50%; left:50%;
top:50%; top:50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
text-align:center; text-align:center;
/*BIEN PLACER CETTE DIV */
} }
/* ============================================================================== */ /* ============================================================================== */

22
htdocs/theme/md/style.css.php
View File

@ -7508,6 +7508,28 @@ div.clipboardCPValue.hidewithsize {
zoom: 0.20; zoom: 0.20;
} }
/* ============================================================================== */
/* For drag and drop feature */
/* ============================================================================== */
.cssDragDropArea{
position: relative;
}
.highlightDragDropArea{
border: 2px #000 dashed !important;
background-color: #bbbbbb !important;
}
.highlightDragDropArea * :not(.dragDropAreaMessage *){
opacity:0.7;
filter: blur(3px) grayscale(100%);
}
.dragDropAreaMessage {
position: absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
text-align:center;
}
/* ============================================================================== */ /* ============================================================================== */
/* CSS style used for small screen */ /* CSS style used for small screen */