add text to warning notifications popup

This commit is contained in:
juliandescottes 2016-12-16 10:04:36 +01:00
parent d0cca52f47
commit 8dab74ceea
2 changed files with 42 additions and 2 deletions

View File

@ -22,13 +22,35 @@
#dialog-container.performance-info {
width: 500px;
height: 600px;
height: 575px;
top : 50%;
left : 50%;
position : absolute;
margin-left: -250px;
}
.dialog-performance-info-body {
font-size: 13px;
letter-spacing: 1px;
padding: 10px 20px;
}
.dialog-performance-info-body ul {
border: 1px solid #666;
padding: 5px;
border-radius: 3px;
}
.dialog-performance-info-body li {
list-style-type: initial;
margin: 0 20px;
}
.dialog-performance-info-body sup {
color: gold;
cursor: pointer;
}
.show #dialog-container.performance-info {
margin-top: -300px;
}

View File

@ -5,7 +5,25 @@
<span class="dialog-close">X</span>
</h3>
<div class="dialog-performance-info-body">
content
<p>Your current sprite exceeds the recommendations for Piskel.</p>
<p>The specifications are based on:</p>
<ul>
<li>sprite resolution <sup title="recommended: lower than 256x256, max: 512x512" rel="tooltip" data-placement="top">?</sup></li>
<li>number of frames <sup title="recommended: lower than 25, max: 100" rel="tooltip" data-placement="top">?</sup></li>
<li>number of layers <sup title="recommended: lower than 5, max: 20" rel="tooltip" data-placement="top">?</sup></li>
<li>number of colors <sup title="max: 100" rel="tooltip" data-placement="top">?</sup></li>
</ul>
<p>You can ignore this message and continue working with your sprite but you might experience the following issues:</p>
<ul>
<li>unable to save</li>
<li>slowdowns</li>
<li>crashes</li>
</ul>
<p>If you do ignore this warning and proceed, please make sure to save often!</p>
<p>We strive to improve Piskel as well as its performance and stability, but this is only a personal project with limited time and resources.</p>
<p>So for now we prefer to warn you early rather than having you lose your work.</p>
<p>Feel free to give us feedback about this feature at <a href="https://github.com/juliandescottes/piskel" target="_blank">https://github.com/juliandescottes/piskel</a></p>
<p>Thank you for your understanding.</p>
</div>
</div>
</script>