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/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);