diff --git a/tools/server/public_simplechat/readme.md b/tools/server/public_simplechat/readme.md index 4007dd9445..cc386adf5a 100644 --- a/tools/server/public_simplechat/readme.md +++ b/tools/server/public_simplechat/readme.md @@ -796,6 +796,12 @@ Cleanup in general * ui cleanup * more rounded buttons, chat messages and input area elements * make the body very very lightly gray in color, while the user input area is made whiter. + * gradients wrt heading, individual chat message blocks + * avoid borders and instead give a box effect through light shadows + * also avoid allround border around chat message role block and instead have to only one side + * timeout close popover menu + * update usage notes wrt vision and toggling of sessions and system prompt through main title area + * make restore block into details based block, and anchor its position independent of db check. #### ToDo diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css index b78d1789fe..1cb23807f0 100644 --- a/tools/server/public_simplechat/simplechat.css +++ b/tools/server/public_simplechat/simplechat.css @@ -43,6 +43,9 @@ body { #UsageNote { margin: 0.0vmin; } +.restore-details { + margin: 0.0vmin; +} .chat-message { display: flex; @@ -162,7 +165,7 @@ button { padding-inline: 2vmin; border-radius: 1vmin; min-height: 3vmin; - border-color: lightgray; + border-color: #80A0E0; } .sameline { diff --git a/tools/server/public_simplechat/simplechat.js b/tools/server/public_simplechat/simplechat.js index eb1582f4f8..e06d1b0318 100644 --- a/tools/server/public_simplechat/simplechat.js +++ b/tools/server/public_simplechat/simplechat.js @@ -453,6 +453,8 @@ function usage_note(iRecentUserMsgCnt) {
Restore
-Load previously saved chat session, if available
`; + elRestore.innerHTML += `Load previously saved chat session, if available
`; let btn = ui.el_create_button(chat.ods_key(), (ev)=>{ console.log(`DBUG:${tag}`, chat); this.multiChat.elInUser.value = `Loading ${chat.ods_key()}...` @@ -1909,7 +1926,8 @@ export class Me { }); }); }); - div.appendChild(btn); + elRestore.appendChild(btn); + elRestore.hidden = false; }) }