This commit is contained in:
Azgaar 2019-11-18 01:47:10 +03:00
parent 94badd833b
commit 869f601f46
2 changed files with 14 additions and 9 deletions

View file

@ -527,6 +527,8 @@ input[type="color"]::-webkit-color-swatch-wrapper {
}
#exitCustomization {
right: 10px;
bottom: 10px;
position: absolute;
display: none;
}

View file

@ -67,15 +67,18 @@ function editHeightmap() {
convertImage.style.display = type === "keep" ? "none" : "inline-block";
// show finalize button
const box = exitCustomization.getBoundingClientRect();
exitCustomization.style.opacity = 0;
exitCustomization.style.right = (svgWidth + box.width) / 2 + "px";
exitCustomization.style.bottom = (svgHeight + box.height) / 2 + "px";
exitCustomization.style.transform = "scale(2)";
exitCustomization.style.display = "block";
d3.select("#exitCustomization")
.transition().duration(1000).style("opacity", 1)
.transition().duration(2000).ease(d3.easeSinInOut).style("right", "10px").style("bottom", "10px").style("transform", "scale(1)");
if (!sessionStorage.getItem("noExitButtonAnimation")) {
sessionStorage.setItem("noExitButtonAnimation", true);
exitCustomization.style.opacity = 0;
const width = 12 * uiSizeOutput.value * 11;
exitCustomization.style.right = (svgWidth - width) / 2 + "px";
exitCustomization.style.bottom = svgHeight / 2 + "px";
exitCustomization.style.transform = "scale(2)";
exitCustomization.style.display = "block";
d3.select("#exitCustomization")
.transition().duration(1000).style("opacity", 1)
.transition().duration(2000).ease(d3.easeSinInOut).style("right", "10px").style("bottom", "10px").style("transform", "scale(1)");
} else exitCustomization.style.display = "block";
openBrushesPanel();
turnButtonOn("toggleHeight");