From 84043c98d7927e5a8c02c9819deed95e920244d3 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 12 Feb 2020 02:04:31 +0100 Subject: new chatbox looking good --- webAO/client.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/client.js') diff --git a/webAO/client.js b/webAO/client.js index daac518..bce7916 100644 --- a/webAO/client.js +++ b/webAO/client.js @@ -1548,10 +1548,10 @@ class Viewport { } nameBox.style.display = "block"; - nameBox.style.fontSize = (nameBox.offsetHeight * 0.7) + "px"; + nameBox.style.fontSize = (nameBox.offsetHeight * 0.75) + "px"; chatBox.style.display = "block"; - chatBox.style.fontSize = (chatBox.offsetHeight * 0.25) + "px"; + chatBox.style.fontSize = (chatBox.offsetHeight * 0.3) + "px"; if (this.chatmsg.color === 6) chatBoxInner.className = "rainbow-text"; -- cgit From f07b7b6673fa654927c732a5d6ca5256e3d30cd3 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 12 Feb 2020 02:10:22 +0100 Subject: hide the box --- webAO/client.js | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'webAO/client.js') diff --git a/webAO/client.js b/webAO/client.js index bce7916..54d05b6 100644 --- a/webAO/client.js +++ b/webAO/client.js @@ -1235,6 +1235,7 @@ class Viewport { const nameBox = document.getElementById("client_name"); const chatBox = document.getElementById("client_chat"); + const chatContainerBox = document.getElementById("client_chatcontainer"); const eviBox = document.getElementById("client_evi"); const shoutSprite = document.getElementById("client_shout"); const chatBoxInner = document.getElementById("client_inner_chat"); @@ -1265,6 +1266,7 @@ class Viewport { // Hide message box nameBox.style.display = "none"; chatBox.style.display = "none"; + chatContainerBox.style.display = "none"; shoutSprite.src = client.resources[shout]["src"]; shoutSprite.style.display = "block"; this.shoutaudio.src=`${AO_HOST}characters/${encodeURI(this.chatmsg.name.toLowerCase())}/${shout}.wav`; @@ -1282,6 +1284,7 @@ class Viewport { // Hide message box nameBox.style.display = "none"; chatBox.style.display = "none"; + chatContainerBox.style.display = "none"; const delay = await this.getAnimLength(`${AO_HOST}characters/${encodeURI(chatmsg.name.toLowerCase())}/${encodeURI(chatmsg.preanim)}.gif`); chatmsg.preanimdelay = delay; this.initUpdater(delay); @@ -1455,6 +1458,7 @@ class Viewport { tick() { const nameBox = document.getElementById("client_name"); const chatBox = document.getElementById("client_chat"); + const chatContainerBox = document.getElementById("client_chatcontainer"); const charSprite = document.getElementById("client_char"); const pairSprite = document.getElementById("client_pair_char"); const eviBox = document.getElementById("client_evi"); @@ -1553,6 +1557,8 @@ class Viewport { chatBox.style.display = "block"; chatBox.style.fontSize = (chatBox.offsetHeight * 0.3) + "px"; + chatContainerBox.style.display = "block"; + if (this.chatmsg.color === 6) chatBoxInner.className = "rainbow-text"; else { -- cgit From b52afe4fbd3f64d75c1364314abf7813baa4dca0 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 12 Feb 2020 12:08:12 +0100 Subject: the order is important --- webAO/client.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'webAO/client.js') diff --git a/webAO/client.js b/webAO/client.js index 54d05b6..9e2b5b2 100644 --- a/webAO/client.js +++ b/webAO/client.js @@ -1551,13 +1551,13 @@ class Viewport { } } + chatContainerBox.style.display = "block"; + nameBox.style.display = "block"; nameBox.style.fontSize = (nameBox.offsetHeight * 0.75) + "px"; chatBox.style.display = "block"; - chatBox.style.fontSize = (chatBox.offsetHeight * 0.3) + "px"; - - chatContainerBox.style.display = "block"; + chatBox.style.fontSize = (chatBox.offsetHeight * 0.3) + "px"; if (this.chatmsg.color === 6) chatBoxInner.className = "rainbow-text"; -- cgit From c98ea765450cf2d409c3cfab5f8547a1e58248d3 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 12 Feb 2020 15:57:24 +0100 Subject: add a theme selector, test was good --- webAO/client.js | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'webAO/client.js') diff --git a/webAO/client.js b/webAO/client.js index 9e2b5b2..8524880 100644 --- a/webAO/client.js +++ b/webAO/client.js @@ -1837,6 +1837,16 @@ export function changeBlipVolume() { } window.changeBlipVolume = changeBlipVolume; +/** + * Triggered by the theme selector. + */ +export function reloadTheme() { + viewport.theme = document.getElementById("client_themeselect").value; + setCookie("theme",viewport.theme); + document.getElementById("client_theme").href = viewport.theme + ".css"; +} +window.reloadTheme = reloadTheme; + /** * Triggered when a character icon is clicked in the character selection menu. * @param {MouseEvent} event -- cgit