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

enhancement - cleaner UI for resize panel

Browse Source
This commit is contained in:
jdescottes 2015-02-05 02:16:25 +01:00
parent d7fef0f88b
commit 2aa87b5fac
3 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/settings-resize.css Normal file
View File

@ -0,0 +1,8 @@
.resize-section-title {
display: inline-block;
width: 25%;
}
.resize-content-checkbox {
margin-left: 0;
}

1
src/piskel-style-list.js
View File

@ -9,6 +9,7 @@
"css/settings.css", "css/settings.css",
"css/settings-export.css", "css/settings-export.css",
"css/settings-import.css", "css/settings-import.css",
"css/settings-resize.css",
"css/tools.css", "css/tools.css",
"css/icons.css", "css/icons.css",
"css/cheatsheet.css", "css/cheatsheet.css",

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

@ -5,12 +5,17 @@
<div class="settings-item"> <div class="settings-item">
<form action="" method="POST" name="resize-form"> <form action="" method="POST" name="resize-form">
<div class="resize-section"> <div class="resize-section">
<span class="resize-section-title resize-section-title-small">Size :</span> <span class="resize-section-title">Width</span>
<input type="text" class="textfield resize-size-field" name="resize-width"/>x <input type="text" class="textfield resize-size-field" name="resize-width"/>
<input type="text" class="textfield resize-size-field" name="resize-height"/> <span>px</span>
</div> </div>
<div class="resize-section"> <div class="resize-section">
<span class="resize-section-title resize-section-title-small">Resize canvas content : </span> <span class="resize-section-title">Height</span>
<input type="text" class="textfield resize-size-field" name="resize-height"/>
<span>px</span>
</div>
<div class="resize-section">
<span class="resize-section-title">Resize</span>
<input type="checkbox" class="resize-content-checkbox" name="resize-content-checkbox" value="true"/> <input type="checkbox" class="resize-content-checkbox" name="resize-content-checkbox" value="true"/>
</div> </div>
<input type="submit" class="button button-primary resize-button" value="Resize" /> <input type="submit" class="button button-primary resize-button" value="Resize" />