diff --git a/public/css/st-tailwind.css b/public/css/st-tailwind.css index fb8a537e5..46030fcf2 100644 --- a/public/css/st-tailwind.css +++ b/public/css/st-tailwind.css @@ -391,6 +391,10 @@ display: none; } +.hoverglow { + transition: opacity 200ms; +} + .hoverglow:hover { opacity: 1 !important; cursor: pointer; @@ -421,6 +425,10 @@ textarea:disabled { border: 1px solid purple !important; } +.fontsize120p { + font-size: calc(var(--mainFontSize) * 1.2) !important; +} + .fontsize80p { font-size: calc(var(--mainFontSize) * 0.8) !important; } @@ -459,6 +467,10 @@ textarea:disabled { gap: 10px; } +.opacity50p { + opacity: 0.5 +} + .opacity1 { opacity: 1 !important; -} +} \ No newline at end of file diff --git a/public/index.html b/public/index.html index f6656d266..6c4ad3587 100644 --- a/public/index.html +++ b/public/index.html @@ -3894,27 +3894,25 @@
- -
-
+
+
+
+ +
- -
- Chat History + Chat History ?
- -
-
- -
+ +
+
@@ -4008,29 +4006,30 @@
-
-
-
- -
-
-
- -
-
-
-
+
+
+
+
+ +
+
+
+
+ + + +
+
+
+
+
+
-
-
-
-
-
-
+
@@ -5099,4 +5098,4 @@ - + \ No newline at end of file diff --git a/public/script.js b/public/script.js index 25880b6cf..9c28429d5 100644 --- a/public/script.js +++ b/public/script.js @@ -5426,7 +5426,7 @@ export async function displayPastChats() { data.sort((a, b) => sortMoments(timestampToMoment(a.last_mes), timestampToMoment(b.last_mes))); console.log(data); $("#load_select_chat_div").css("display", "none"); - $("#ChatHistoryCharName").text(displayName); + $("#ChatHistoryCharName").text(`${displayName}'s `); const displayChats = (searchQuery) => { $("#select_chat_div").empty(); // Clear the current chats before appending filtered chats @@ -5450,13 +5450,13 @@ export async function displayPastChats() { const chat_items = data[key]["chat_items"]; const file_size = data[key]["file_size"]; const fileName = data[key]['file_name']; - const timestamp = timestampToMoment(data[key]['last_mes']).format('LL LT'); + const timestamp = timestampToMoment(data[key]['last_mes']).format('lll'); const template = $('#past_chat_template .select_chat_block_wrapper').clone(); template.find('.select_chat_block').attr('file_name', fileName); template.find('.avatar img').attr('src', avatarImg); template.find('.select_chat_block_filename').text(fileName); - template.find('.chat_file_size').text(" (" + file_size + ")"); - template.find('.chat_messages_num').text(" (" + chat_items + " messages)"); + template.find('.chat_file_size').text(`(${file_size},`); + template.find('.chat_messages_num').text(`${chat_items}💬)`); template.find('.select_chat_block_mes').text(mes); template.find('.PastChat_cross').attr('file_name', fileName); template.find('.chat_messages_date').text(timestamp); @@ -7408,7 +7408,7 @@ jQuery(async function () { else { //RossAscends: added character name to new chat filenames and replaced Date.now() with humanizedDateTime; chat_metadata = {}; - characters[this_chid].chat = name2 + " - " + humanizedDateTime(); + characters[this_chid].chat = name2 + "-" + humanizedDateTime(); $("#selected_chat_pole").val(characters[this_chid].chat); await getChat(); await createOrEditCharacter(); diff --git a/public/scripts/RossAscends-mods.js b/public/scripts/RossAscends-mods.js index bf1b6c474..07de3c45c 100644 --- a/public/scripts/RossAscends-mods.js +++ b/public/scripts/RossAscends-mods.js @@ -173,7 +173,7 @@ export function humanizedDateTime() { let humanMillisecond = (baseDate.getMilliseconds() < 10 ? "0" : "") + baseDate.getMilliseconds(); let HumanizedDateTime = - humanYear + "-" + humanMonth + "-" + humanDate + " @" + humanHour + "h " + humanMinute + "m " + humanSecond + "s " + humanMillisecond + "ms"; + humanYear + "-" + humanMonth + "-" + humanDate + "@" + humanHour + "h" + humanMinute + "m" + humanSecond + "s"; return HumanizedDateTime; } diff --git a/public/style.css b/public/style.css index 2b85ee607..a9ae7c426 100644 --- a/public/style.css +++ b/public/style.css @@ -965,8 +965,7 @@ select { margin-bottom: 0; } -#character_cross, -#select_chat_cross { +#character_cross { position: absolute; right: 5px; top: 5px; @@ -1954,8 +1953,7 @@ grammarly-extension { } .avatar_div .menu_button, -.form_create_bottom_buttons_block .menu_button, -#select_chat_import .menu_button { +.form_create_bottom_buttons_block .menu_button { font-weight: bold; padding: 5px; margin: 0; @@ -2655,30 +2653,18 @@ h5 { margin: 0; } -#select_chat_import { - display: grid; - grid-template-columns: min-content auto; - align-items: center; - grid-gap: 10px; - margin-bottom: 10px; -} - -.select_chat_block_wrapper { +/* .select_chat_block_wrapper { display: grid; grid-template-columns: auto min-content; align-items: center; grid-gap: 10px; -} +} */ .select_chat_block { - border-radius: 10px; - margin-top: 10px; + border-radius: 5px; + margin-top: 5px; border: 1px solid var(--SmartThemeBorderColor); - padding: 10px; - display: grid; - grid-template-columns: min-content auto; - grid-template-rows: auto auto; - grid-gap: 10px; + padding: 5px 7px; } .select_chat_block:hover { @@ -2693,12 +2679,6 @@ h5 { grid-row: span 2; } -#select_chat_name_wrapper { - display: flex; - gap: 5px; - flex-wrap: wrap; -} - .select_chat_block_filename_item { opacity: 0.5; width: fit-content; @@ -2718,16 +2698,6 @@ h5 { font-size: calc(var(--mainFontSize) - .25rem); } -#select_chat_cross { - position: absolute; - right: 15px; - top: 15px; - width: 20px; - height: 20px; - cursor: pointer; - opacity: 0.6; -} - .PastChat_cross { width: 15px; height: 15px; @@ -3629,22 +3599,6 @@ a { cursor: pointer; } -#select_chat_search { - background-color: transparent; - border: none; - outline: none; - color: var(--SmartThemeBodyColor); - display: inline-block; - /* Change display to inline-block */ - vertical-align: middle; - /* Align to middle if there's a height discrepancy */ - width: 200px; - font-size: 16px; - z-index: 10; - margin-left: 10px; - /* Give some space between the button and search box */ -} - .draggable img { width: 100%; height: 100%; @@ -3666,4 +3620,4 @@ a { height: 100vh; z-index: 9999; } -} +} \ No newline at end of file