mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
add text to warning notifications popup
This commit is contained in:
@@ -22,13 +22,35 @@
|
|||||||
|
|
||||||
#dialog-container.performance-info {
|
#dialog-container.performance-info {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 600px;
|
height: 575px;
|
||||||
top : 50%;
|
top : 50%;
|
||||||
left : 50%;
|
left : 50%;
|
||||||
position : absolute;
|
position : absolute;
|
||||||
margin-left: -250px;
|
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 {
|
.show #dialog-container.performance-info {
|
||||||
margin-top: -300px;
|
margin-top: -300px;
|
||||||
}
|
}
|
||||||
|
@@ -5,7 +5,25 @@
|
|||||||
<span class="dialog-close">X</span>
|
<span class="dialog-close">X</span>
|
||||||
</h3>
|
</h3>
|
||||||
<div class="dialog-performance-info-body">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</script>
|
</script>
|
Reference in New Issue
Block a user