Move the image modifers toolbar back to the top

This commit is contained in:
cmdr2 2022-10-21 14:54:45 +05:30
parent a53bac1a94
commit eb1a276e60
2 changed files with 13 additions and 10 deletions

View File

@ -204,6 +204,7 @@
<button id="modifier-settings-btn" title="Add custom modifiers"><i class="fa fa-gear"></i></button>
<h4 class="collapsible">Image Modifiers (art styles, tags etc)</h4>
<div id="editor-modifiers-entries" class="collapsible-content">
<div id="editor-modifiers-entries-toolbar">
<label for="preview-image">Image Style:</label>
<select id="preview-image" name="preview-image" value="portrait">
<option value="portrait" selected="">Face</option>
@ -215,6 +216,7 @@
</div>
</div>
</div>
</div>
<div id="preview" class="col-free">
<div id="initial-text">
@ -263,7 +265,7 @@
<script src="media/js/plugins.js?v=1"></script>
<script src="media/js/utils.js?v=3"></script>
<script src="media/js/inpainting-editor.js?v=1"></script>
<script src="media/js/image-modifiers.js?v=2"></script>
<script src="media/js/image-modifiers.js?v=3"></script>
<script src="media/js/auto-save.js?v=1"></script>
<script src="media/js/main.js?v=3"></script>
<script src="media/js/themes.js?v=1"></script>

View File

@ -10,6 +10,7 @@ let previewImageField = document.querySelector('#preview-image')
let modifierSettingsBtn = document.querySelector('#modifier-settings-btn')
let modifierSettingsOverlay = document.querySelector('#modifier-settings-config')
let customModifiersTextBox = document.querySelector('#custom-modifiers-input')
let customModifierEntriesToolbar = document.querySelector('#editor-modifiers-entries-toolbar')
const modifierThumbnailPath = 'media/modifier-thumbnails'
const activeCardClass = 'modifier-card-active'
@ -120,7 +121,7 @@ function createModifierGroup(modifierGroup, initiallyExpanded) {
e.appendChild(titleEl)
e.appendChild(modifiersEl)
editorModifierEntries.insertBefore(e, editorModifierEntries.firstChild)
editorModifierEntries.insertBefore(e, customModifierEntriesToolbar.nextSibling)
return e
}