enhancement - cleaner UI for resize panel
This commit is contained in:
parent
d7fef0f88b
commit
2aa87b5fac
3 changed files with 18 additions and 4 deletions
8
src/css/settings-resize.css
Normal file
8
src/css/settings-resize.css
Normal file
|
@ -0,0 +1,8 @@
|
|||
.resize-section-title {
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.resize-content-checkbox {
|
||||
margin-left: 0;
|
||||
}
|
|
@ -9,6 +9,7 @@
|
|||
"css/settings.css",
|
||||
"css/settings-export.css",
|
||||
"css/settings-import.css",
|
||||
"css/settings-resize.css",
|
||||
"css/tools.css",
|
||||
"css/icons.css",
|
||||
"css/cheatsheet.css",
|
||||
|
|
|
@ -5,12 +5,17 @@
|
|||
<div class="settings-item">
|
||||
<form action="" method="POST" name="resize-form">
|
||||
<div class="resize-section">
|
||||
<span class="resize-section-title resize-section-title-small">Size :</span>
|
||||
<input type="text" class="textfield resize-size-field" name="resize-width"/>x
|
||||
<input type="text" class="textfield resize-size-field" name="resize-height"/>
|
||||
<span class="resize-section-title">Width</span>
|
||||
<input type="text" class="textfield resize-size-field" name="resize-width"/>
|
||||
<span>px</span>
|
||||
</div>
|
||||
<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"/>
|
||||
</div>
|
||||
<input type="submit" class="button button-primary resize-button" value="Resize" />
|
||||
|
|
Loading…
Reference in a new issue