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

Show/hide the extensions block using javascript

Browse source
This commit is contained in:
oobabooga 2023-03-15 16:34:31 -03:00
parent 348596f634
commit c1959c26ee
5 changed files with 19 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
css/chat.js
View file

@ -1 +1,2 @@
document.getElementById("main").childNodes[0].style = "max-width: 800px; margin-left: auto; margin-right: auto";
document.getElementById("extensions").style = "max-width: 800px; margin-left: auto; margin-right: auto";

2
css/main.css
View file

@ -33,7 +33,7 @@ svg {
ol li p, ul li p {
display: inline-block;
}
#main, #settings, #extensions, #chat-settings {
#main, #settings, #chat-settings {
border: 0;
}

15
css/main.js
View file

@ -1,3 +1,18 @@
document.getElementById("main").parentNode.childNodes[0].style = "border: none; background-color: #8080802b; margin-bottom: 40px";
document.getElementById("main").parentNode.style = "padding: 0; margin: 0";
document.getElementById("main").parentNode.parentNode.parentNode.style = "padding: 0";
// Get references to the elements
let main = document.getElementById('main');
let main_parent = main.parentNode;
let extensions = document.getElementById('extensions');
// Add an event listener to the main element
main_parent.addEventListener('click', function(e) {
// Check if the main element is visible
if (main.offsetHeight > 0 && main.offsetWidth > 0) {
extensions.style.visibility = 'visible';
} else {
extensions.style.visibility = 'hidden';
}
});