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

release: fix minor ui issues for checkbox containers

Browse Source
This commit is contained in:
juliandescottes 2017-10-22 00:32:17 +02:00
parent 2e7eaec0e5
commit a4fb0565d2
4 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/css/style.css
View File

@ -52,7 +52,12 @@ body {
} }
.checkbox-fix { .checkbox-fix {
margin-left: 0; margin: 3px 3px 3px 0;
}
.checkbox-container {
display: flex;
align-items: center;
} }
.hidden { .hidden {

5
src/templates/settings/export/gif.html
View File

@ -11,7 +11,10 @@
</div> </div>
<div class="export-panel-section export-panel-row"> <div class="export-panel-section export-panel-row">
<input id="gif-repeat-checkbox" class="gif-repeat-checkbox checkbox-fix" type="checkbox" /> <input id="gif-repeat-checkbox" class="gif-repeat-checkbox checkbox-fix" type="checkbox" />
<label for="gif-repeat-checkbox">Loop repeatedly</label> <label for="gif-repeat-checkbox"
title="Uncheck to play the animation only one time."
rel="tooltip"
data-placement="top">Loop repeatedly</label>
</div> </div>
<div class="export-panel-section export-panel-row"> <div class="export-panel-section export-panel-row">
<button type="button" class="button button-primary gif-download-button">Download</button> <button type="button" class="button button-primary gif-download-button">Download</button>

2
src/templates/settings/export/zip.html
View File

@ -7,7 +7,7 @@
<input type="text" style="flex: 1;" class="zip-prefix-name textfield" <input type="text" style="flex: 1;" class="zip-prefix-name textfield"
autocomplete="off" placeholder="PNG file prefix ..."> autocomplete="off" placeholder="PNG file prefix ...">
</div> </div>
<div style="margin: 5px 0;"> <div class="checkbox-container" style="margin: 5px 0;">
<input id="zip-split-layers" class="zip-split-layers-checkbox checkbox-fix" type="checkbox" /> <input id="zip-split-layers" class="zip-split-layers-checkbox checkbox-fix" type="checkbox" />
<label for="zip-split-layers">Split by layers</label> <label for="zip-split-layers">Split by layers</label>
</div> </div>

4
src/templates/settings/resize.html
View File

@ -17,13 +17,13 @@
<span>px</span> <span>px</span>
</div> </div>
<div class="resize-section"> <div class="resize-section">
<label> <label class="checkbox-container">
<input type="checkbox" class="resize-ratio-checkbox checkbox-fix" value="true"/> <input type="checkbox" class="resize-ratio-checkbox checkbox-fix" value="true"/>
<span>Maintain aspect ratio</span> <span>Maintain aspect ratio</span>
</label> </label>
</div> </div>
<div class="resize-section"> <div class="resize-section">
<label> <label class="checkbox-container">
<input type="checkbox" class="resize-content-checkbox checkbox-fix" value="true"/> <input type="checkbox" class="resize-content-checkbox checkbox-fix" value="true"/>
<span>Resize canvas content</span> <span>Resize canvas content</span>
</label> </label>