mmarch/text-generation-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

UI: Expand chat vertically and handle header wrapping

Browse source
This commit is contained in:
Lounger 2023-12-21 03:42:23 +01:00
parent a098c7eee3
commit e3e053ab99
2 changed files with 12 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

15
js/main.js
View file

@ -126,7 +126,7 @@ targetElement.addEventListener("scroll", function() {
// Create a MutationObserver instance
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
updateChatHeight();
updateCssProperties();
if(!isScrolled) {
targetElement.scrollTop = targetElement.scrollHeight;
@ -329,14 +329,17 @@ function toggleBigPicture() {
}
//------------------------------------------------
// Define the --chat-height global CSS variable to
// the height of the chat parent
// Define global CSS properties for resizing and
// positioning certain elements
//------------------------------------------------
function updateChatHeight() {
function updateCssProperties() {
const chatContainer = document.getElementById('chat').parentNode.parentNode.parentNode;
const newChatHeight = `${chatContainer.clientHeight}px`;
document.documentElement.style.setProperty('--chat-height', newChatHeight);
const header = document.querySelector('.header_bar');
const chatInputOffset = `${header.clientHeight}px`;
document.documentElement.style.setProperty('--chat-input-offset', chatInputOffset);
}
window.addEventListener('resize', updateChatHeight);
window.addEventListener('resize', updateCssProperties);