js/show_controls.js

const belowChatInput = document.querySelectorAll("#chat-tab > div > :nth-child(n+2), #extensions");
const chatParent = document.querySelector(".chat-parent");

function toggle_controls(value) {
  if (value) {
    belowChatInput.forEach(element => {
      element.style.display = "inherit";
    });

    chatParent.classList.remove("bigchat");
    document.getElementById("chat-input-row").classList.remove("bigchat");
    document.getElementById("chat-col").classList.remove("bigchat");
  } else {
    belowChatInput.forEach(element => {
      element.style.display = "none";
    });

    chatParent.classList.add("bigchat");
    document.getElementById("chat-input-row").classList.add("bigchat");
    document.getElementById("chat-col").classList.add("bigchat");
  }
}