engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

replace absolute overlay settings panel with normal grid flow, hide chat when settings open

Browse source
This commit is contained in:
russell@unturf.com 2026-02-24 17:30:57 -05:00
parent b1c2ecd9d0
commit 7aad5d154c
3 changed files with 11 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

15
public/src/uncloseai-embed-modal.js
View file

@ -417,7 +417,7 @@ async function openUncloseaiEmbeddedModalNew() {
buildVaultUI();
// Close settings panel after locking
settingsOpen = false;
settingsPanel.classList.remove("open");
applySettingsState();
// Re-show the vault gate
showVaultGate();
};
@ -1097,13 +1097,20 @@ async function openUncloseaiEmbeddedModalNew() {
let settingsOpen =
getVaultOrStorage("hermesSettingsOpen") === true ||
getVaultOrStorage("hermesSettingsOpen") === "true";
function applySettingsState() {
settingsPanel.classList.toggle("open", settingsOpen);
chatArea.style.display = settingsOpen ? "none" : "";
controls.style.display = settingsOpen ? "none" : "";
}
if (settingsOpen) {
settingsPanel.classList.add("open");
applySettingsState();
}
menuBtn.onclick = () => {
settingsOpen = !settingsOpen;
settingsPanel.classList.toggle("open", settingsOpen);
applySettingsState();
setVaultValue("hermesSettingsOpen", settingsOpen);
};
@ -1112,7 +1119,7 @@ async function openUncloseaiEmbeddedModalNew() {
// If settings panel is open, close it first
if (settingsOpen) {
settingsOpen = false;
settingsPanel.classList.toggle("open", settingsOpen);
applySettingsState();
setVaultValue("hermesSettingsOpen", settingsOpen);
return; // Don't close modal yet
}

12
public/src/uncloseai-modal-builtin.css
View file

@ -107,12 +107,6 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
padding: 16px;
display: none;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #ffffff;
}
@ -1046,12 +1040,6 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
padding: 16px;
display: none;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #ffffff;
}

6
public/src/uncloseai-modal-pico.css
View file

@ -128,12 +128,6 @@ dialog#uncloseai-embedded-modal .uncloseai-modal-settings-btn {
padding: 16px;
display: none;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #ffffff;
}