tgrosinger/pines
1
0
Fork 0
Code

Adding update to the toast component

Browse Source
This commit is contained in:
Tony Lea 2023-08-01 20:16:42 -04:00
parent ce7394fc68
commit 8ffe38437f
1 changed files with 1 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
elements/toast.html
View File

@ -157,7 +157,6 @@
}
},
stackToasts(){
console.log('stacking...');
this.positionToasts();
this.calculateHeightOfToastsContainer();
let that = this;
@ -179,7 +178,6 @@
}
let bottomPositionOfFirstToast = this.getBottomPositionOfElement(topToast);
console.log(bottomPositionOfFirstToast);
if(this.toasts.length == 1) return;
let middleToast = document.getElementById( this.toasts[1].id );
@ -279,8 +277,6 @@
middleToast.style.top = 'auto';
}
console.log(middleToast.style.top);
return;
},
alignBottom(element1, element2) {
@ -301,10 +297,6 @@
// Get the top position of the first element
let top1 = element1.offsetTop;
// if(top1 == 0 && this.position.includes('bottom')){
// top1 = 'auto';
// }
// Apply the same top position to the second element
element2.style.top = top1 + 'px';
},
@ -340,7 +332,6 @@
firstToastRectangle = document.getElementById(firstToast.id).getBoundingClientRect();
if(this.toastsHovered){
console.log( lastToastRectangle.top );
if(this.position.includes('bottom')){
$el.style.height = ((firstToastRectangle.top + firstToastRectangle.height) - lastToastRectangle.top) + 'px';
} else {
@ -352,7 +343,6 @@
}
}"
@set-toasts-layout.window="
console.log(event.detail);
layout=event.detail.layout;
if(layout == 'expanded'){
expanded=true;
@ -383,7 +373,6 @@
}
stackToasts();
$watch('toastsHovered', function(value){
console.log('hovered value: ' + value);
if(layout == 'default'){
if(position.includes('bottom')){
@ -458,7 +447,7 @@
deleteToastWithId(toast.id)
}, 300);
}, 5);
}, 400000);
}, 4000);
"
@mouseover="toastHovered=true"
@mouseout="toastHovered=false"