diff --git a/public/css/promptmanager.css b/public/css/promptmanager.css
index ad74397d4..f02b172b1 100644
--- a/public/css/promptmanager.css
+++ b/public/css/promptmanager.css
@@ -271,6 +271,24 @@
opacity: 0.8;
}
+#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .drag-handle:not(.ui-sortable-handle) {
+ display: none;
+}
+
+#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt:has(.drag-handle.ui-sortable-handle) {
+ position: relative;
+ padding-left: 20px;
+}
+
+#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .drag-handle {
+ position: absolute;
+ height: 100%;
+ top: 0;
+ padding: 0 5px;
+ display: flex;
+ align-items: center;
+}
+
#completion_prompt_manager_footer_append_prompt {
font-size: 1em;
}
diff --git a/public/index.html b/public/index.html
index 829ab6248..311f3abd2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1934,22 +1934,24 @@
Enable function calling
-
-
Allows using function tools .
-
Can be utilized by various extensions to provide additional functionality.
-
+
Send inline images
-
- Sends images in prompts if the model supports it (e.g. GPT-4V, Claude 3 or Llava 13B).
- Use the
action on any message or the
-
menu to attach an image file to the chat.
-
+
+ Sends images in prompts if the model supports it (e.g. GPT-4V, Claude 3 or Llava 13B). Use the
+
+ action on any message or the
+
+ menu to attach an image file to the chat.
+
Inline Image Quality
diff --git a/public/scripts/PromptManager.js b/public/scripts/PromptManager.js
index a49e4527b..783fb0c81 100644
--- a/public/scripts/PromptManager.js
+++ b/public/scripts/PromptManager.js
@@ -11,6 +11,7 @@ import { debounce_timeout } from './constants.js';
import { renderTemplateAsync } from './templates.js';
import { Popup } from './popup.js';
import { t } from './i18n.js';
+import { isMobile } from './RossAscends-mods.js';
function debouncePromise(func, delay) {
let timeoutId;
@@ -1562,6 +1563,7 @@ class PromptManager {
listItemHtml += `
+ ☰
${isMarkerPrompt ? ' ' : ''}
${isSystemPrompt ? ' ' : ''}
@@ -1741,6 +1743,7 @@ class PromptManager {
makeDraggable() {
$(`#${this.configuration.prefix}prompt_manager_list`).sortable({
delay: this.configuration.sortableDelay,
+ handle: isMobile() ? '.drag-handle' : null,
items: `.${this.configuration.prefix}prompt_manager_prompt_draggable`,
update: (event, ui) => {
const promptOrder = this.getPromptOrderForCharacter(this.activeCharacter);