mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Moves the scaling factor into spritesheet export. Cleans up CSS and makes description spans with inline styles into divs. Adds a little more margin below the scaling factor so it's not too snug with the Download PNG button.

Browse Source
This commit is contained in:
Jason Neufeld
2015-09-06 11:53:10 -07:00
parent bd8eaa4307
commit c6287653f9
3 changed files with 12 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/settings-export.css
View File

@ -57,6 +57,10 @@
color: white;
}
.scaling-factor {
margin-bottom: 10px;
}
.scaling-factor-input {
margin: 5px;
vertical-align: middle;
@ -73,7 +77,3 @@
border-radius: 3px;
text-align: center;
}
.settings-section--export > .settings-item > label {
display: block;
}

1
src/css/settings.css
View File

@ -132,7 +132,6 @@
.settings-description {
margin : 0 0 10px 0;
display : inline-block;
}
.settings-form-section {

21
src/templates/settings/export.html
View File

@ -1,27 +1,22 @@
<div class="settings-section">
<div class="settings-title settings-section--export">
General Export Settings
</div>
<div class="settings-item">
<span class="settings-description" style="display:block"><label for="scaling-factor">Output Scaling Factor</label></span>
<span class="settings-description" style="display:block">Currently affects only spritesheet export.</span>
<input type="range" class="scaling-factor-input" name="scaling-factor" min="1" max="32" step="1"/>
<span class="scaling-factor-text"></span>
</div>
<div class="settings-title">
Export Spritesheet
</div>
<div class="settings-item">
<span class="settings-description">PNG with all frames side by side.</span>
<div class="settings-description">PNG with all frames side by side.</div>
<div class="settings-description"><label for="scaling-factor">Output Scaling Factor</label></div>
<div class="scaling-factor">
<input type="range" class="scaling-factor-input" name="scaling-factor" min="1" max="32" step="1"/>
<span class="scaling-factor-text"></span>
</div>
<button type="button" class="button button-primary png-download-button">Download PNG</button>
</div>
<div class="settings-title">
Export as ZIP
</div>
<div class="settings-item">
<span class="settings-description">ZIP with one PNG file per frame.</span>
<span class="settings-description" style="display:block">File names will start with the prefix below.</span>
<div class="settings-description">ZIP with one PNG file per frame.</div>
<div class="settings-description">File names will start with the prefix below.</div>
<div class="settings-item">
<label>Prefix</label>
<input class="zip-prefix-name textfield" type="text" placeholder="PNG file prefix ...">