rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixed swipes not showing on iOS (a CSS grid bug)

Browse Source 
removed opacity transitions from edit_mes elements
Mobile UI:
- turned off pinch zooming
- fixed page body so it can't be scrolled off screen
CSS
- send_but more opaque to be seen on light BGs
- replaced mes_edit unicode pencil with SVG
- replaced mes_edit done and cancel images with menu_buttons
-- easier to tap on mobile
- reduced mobile body font from 18px to 16px;
- fixed select_chat_popup vertical sizing on mobile
- gave chat, send_form, and large popups opaque borders on mobile
This commit is contained in:
RossAsscends
2023-03-25 01:10:01 +09:00
parent 662cce8c6c
commit b7f7a2cd3d
5 changed files with 95 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
public/script.js
View File

@ -3893,34 +3893,8 @@ $(document).ready(function () {
}
$(this).parent().parent().children(".mes_text").empty();
$(this).css("display", "none");
$(this)
.parent()
.children(".mes_edit_done")
.css("display", "inline-block");
$(this).parent().children(".mes_edit_done").css("opacity", 0.0);
$(this)
.parent()
.children(".mes_edit_cancel")
.css("display", "inline-block");
$(this).parent().children(".mes_edit_cancel").css("opacity", 0.0);
$(this)
.parent()
.children(".mes_edit_done")
.transition({
opacity: 1.0,
duration: 600,
easing: "",
complete: function () { },
});
$(this)
.parent()
.children(".mes_edit_cancel")
.transition({
opacity: 1.0,
duration: 600,
easing: "",
complete: function () { },
});
$(this).parent().children(".mes_edit_done").css("display", "inline-block");
$(this).parent().children(".mes_edit_cancel").css("display", "inline-block");
var edit_mes_id = $(this).parent().parent().parent().attr("mesid");
this_edit_mes_id = edit_mes_id;
@ -3947,17 +3921,10 @@ $(document).ready(function () {
.parent()
.children(".mes_text")
.children(".edit_textarea");
edit_textarea.css("opacity", 0.0);
edit_textarea.transition({
opacity: 1.0,
duration: 0,
easing: "",
complete: function () { },
});
edit_textarea.height(0);
edit_textarea.height(edit_textarea[0].scrollHeight);
edit_textarea.focus();
edit_textarea[0].setSelectionRange(
edit_textarea[0].setSelectionRange( //this sets the cursor at the end of the text
edit_textarea.val().length,
edit_textarea.val().length
);