Added ability to select import position

This commit is contained in:
NSSure
2022-10-22 05:46:48 -04:00
parent eb139ef8e7
commit b8d1f11f93
5 changed files with 204 additions and 16 deletions

View File

@@ -10,8 +10,32 @@
<span id="import-image-name"></span>
</div>
<div class="import-image-checkbox">
<span>Match canvas to image size <input type="checkbox" id="import-image-match-size"/></span>
<ul role="group">
<li>
<span><input type="checkbox" id="import-image-match-size"/> Match canvas to image size</span>
</li>
<li>
<span><input type="checkbox" id="import-image-update-palette"/> Append palette with image colors</span>
</li>
</ul>
<h2>Canvas Location</h2>
<p>If matching to image size canvas location is ignored.</p>
<!--PIVOTS-->
<div class="import-image-location-pivot">
<span id = "pivot-menu">
<button class="pivot-button" value="topleft">{{svg "arrows/topleft.svg" width="20" height="20"}}</button>
<button class="pivot-button" value="top">{{svg "arrows/top.svg" width="20" height="20"}}</button>
<button class="pivot-button" value="topright">{{svg "arrows/topright.svg" width="20" height="20"}}</button>
<button class="pivot-button" value="left">{{svg "arrows/left.svg" width="20" height="20"}}</button>
<button class="pivot-button rc-selected-pivot" value="middle">{{svg "arrows/middle.svg" width="20" height="20"}}</button>
<button class="pivot-button" value="right">{{svg "arrows/right.svg" width="20" height="20"}}</button>
<button class="pivot-button" value="bottomleft">{{svg "arrows/bottomleft.svg" width="20" height="20"}}</button>
<button class="pivot-button" value="bottom">{{svg "arrows/bottom.svg" width="20" height="20"}}</button>
<button class="pivot-button" value="bottomright">{{svg "arrows/bottomright.svg" width="20" height="20"}}</button>
</span>
</div>
<div class="popup-actions">