diff --git a/static/koboldai.css b/static/koboldai.css index b6cdbb56..f9af814c 100644 --- a/static/koboldai.css +++ b/static/koboldai.css @@ -731,6 +731,17 @@ td.server_vars { margin: 5px; } +.wi_title { + position: relative; + bottom: 4px; + margin-left: 4px; +} + +.wi_add_text { + position: relative; + top: 1px; +} + .wi_add_button{ margin: 0 0 0 10px; padding: 4px 4px 4px 4px; @@ -738,6 +749,11 @@ td.server_vars { background-color: var(--wi_tag_color); } +.wi_add_button .material-icons-outlined{ + position: relative; + top: 7px; +} + .wi_folder_collapser, .wi_add_button, #new_world_info_button { cursor: pointer; margin-left: 10px; @@ -1596,7 +1612,7 @@ h2 .material-icons-outlined { cursor: pointer; } -.collapsable_header, .section_header, .help_text { +.material-icons-outlined, .collapsable_header, .section_header, .help_text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; diff --git a/static/koboldai.js b/static/koboldai.js index b23f5095..16f939e2 100644 --- a/static/koboldai.js +++ b/static/koboldai.js @@ -1541,6 +1541,7 @@ function world_info_folder(data) { icon.textContent = "folder"; title.append(icon); title_text = document.createElement("span"); + title_text.classList.add("wi_title"); title_text.setAttribute("contenteditable", true); title_text.setAttribute("original_text", folder_name); title_text.textContent = folder_name; @@ -1561,6 +1562,7 @@ function world_info_folder(data) { new_icon.append(add_icon); add_text = document.createElement("span"); add_text.textContent = "Add World Info Entry"; + add_text.classList.add("wi_add_text"); add_text.setAttribute("folder", folder_name); add_text.onclick = function() { create_new_wi_entry(this.getAttribute("folder")); @@ -1626,6 +1628,7 @@ function world_info_folder(data) { add_icon.append(icon); text_span = document.createElement("span"); text_span.textContent = "Add World Info Folder"; + text_span.classList.add("wi_title"); add_icon.onclick = function() { socket.emit("create_world_info_folder", {}); } diff --git a/templates/story flyout.html b/templates/story flyout.html index 16e0639c..13a3537e 100644 --- a/templates/story flyout.html +++ b/templates/story flyout.html @@ -81,11 +81,11 @@ expand_more folder - root + root post_add - Add World Info Entry + Add World Info Entry