Untested commit to change WI box sizes

This commit is contained in:
ebolam
2022-10-07 19:35:49 -04:00
parent 3f309c390f
commit f70fa7aa8e
2 changed files with 13 additions and 6 deletions

View File

@@ -1785,7 +1785,6 @@ function world_info_entry(data) {
send_world_info(this.getAttribute('uid')); send_world_info(this.getAttribute('uid'));
this.classList.add("pulse"); this.classList.add("pulse");
} }
manual_text.dispatchEvent(new Event('input', {bubbles:true}));
comment = world_info_card.querySelector('#world_info_comment_'); comment = world_info_card.querySelector('#world_info_comment_');
comment.id = "world_info_comment_"+data.uid; comment.id = "world_info_comment_"+data.uid;
comment.setAttribute("uid", data.uid); comment.setAttribute("uid", data.uid);
@@ -1795,7 +1794,6 @@ function world_info_entry(data) {
send_world_info(this.getAttribute('uid')); send_world_info(this.getAttribute('uid'));
this.classList.add("pulse"); this.classList.add("pulse");
} }
comment.dispatchEvent(new Event('input', {bubbles:true}));
constant_area = world_info_card.querySelector('#world_info_toggle_area_'); constant_area = world_info_card.querySelector('#world_info_toggle_area_');
constant_area.id = "world_info_toggle_area_"+data.uid; constant_area.id = "world_info_toggle_area_"+data.uid;
constant = document.createElement("input"); constant = document.createElement("input");
@@ -1860,6 +1858,10 @@ function world_info_entry(data) {
document.getElementById("world_info_basic_text_"+wpp_toggle.getAttribute('uid')).classList.remove("hidden"); document.getElementById("world_info_basic_text_"+wpp_toggle.getAttribute('uid')).classList.remove("hidden");
} }
//resize comments/text boxes
autoResize(comment, 100);
autoResize(manual_text, 100);
//put focus back where it was //put focus back where it was
if (document.getElementById(original_focus)) { if (document.getElementById(original_focus)) {
if (document.getElementById(original_focus).tagName != "BUTTON") { if (document.getElementById(original_focus).tagName != "BUTTON") {
@@ -2565,9 +2567,14 @@ function show_save_preset() {
document.getElementById("save_preset").classList.remove("hidden"); document.getElementById("save_preset").classList.remove("hidden");
} }
function autoResize(element) { function autoResize(element, min_size=200) {
console.log(min_size);
element.style.height = 'auto'; element.style.height = 'auto';
element.style.height = element.scrollHeight + 'px'; if (min_size > element.scrollHeight) {
element.style.height = min_size + "px";
} else {
element.style.height = element.scrollHeight + 'px';
}
} }

View File

@@ -35,7 +35,7 @@
</div> </div>
<div id="world_info_basic_text_"> <div id="world_info_basic_text_">
Text: Text:
<textarea id="world_info_entry_text_" class="world_info_text fullwidth" oninput="autoResize(this)"></textarea> <textarea id="world_info_entry_text_" class="world_info_text fullwidth" oninput="autoResize(this, 100)"></textarea>
</div> </div>
<div id="world_info_entry_w++_" class="hidden"> <div id="world_info_entry_w++_" class="hidden">
<input type=text placeholder="Type"/><input type=text placeholder="Name"/> <input type=text placeholder="Type"/><input type=text placeholder="Name"/>
@@ -45,7 +45,7 @@
</div> </div>
<div> <div>
Comment: Comment:
<textarea rows=1 id="world_info_comment_" class="world_info_text fullwidth" oninput="autoResize(this)"></textarea> <textarea rows=1 id="world_info_comment_" class="world_info_text fullwidth" oninput="autoResize(this, 100)"></textarea>
</div> </div>
</div> </div>
<div id="empty_bias"> <div id="empty_bias">