Fix theme picker blur handler: always hide instead of switching
This commit is contained in:
parent
95b1fe560d
commit
112a3473d0
1 changed files with 15 additions and 7 deletions
|
@ -874,15 +874,23 @@ fn write_shared(
|
|||
r#"var themes = document.getElementById("theme-choices");
|
||||
var themePicker = document.getElementById("theme-picker");
|
||||
|
||||
function showThemeButtonState() {{
|
||||
themes.style.display = "none";
|
||||
themePicker.style.borderBottomRightRadius = "3px";
|
||||
themePicker.style.borderBottomLeftRadius = "3px";
|
||||
}}
|
||||
|
||||
function hideThemeButtonState() {{
|
||||
themes.style.display = "block";
|
||||
themePicker.style.borderBottomRightRadius = "0";
|
||||
themePicker.style.borderBottomLeftRadius = "0";
|
||||
}}
|
||||
|
||||
function switchThemeButtonState() {{
|
||||
if (themes.style.display === "block") {{
|
||||
themes.style.display = "none";
|
||||
themePicker.style.borderBottomRightRadius = "3px";
|
||||
themePicker.style.borderBottomLeftRadius = "3px";
|
||||
showThemeButtonState();
|
||||
}} else {{
|
||||
themes.style.display = "block";
|
||||
themePicker.style.borderBottomRightRadius = "0";
|
||||
themePicker.style.borderBottomLeftRadius = "0";
|
||||
hideThemeButtonState();
|
||||
}}
|
||||
}};
|
||||
|
||||
|
@ -895,7 +903,7 @@ function handleThemeButtonsBlur(e) {{
|
|||
(!related ||
|
||||
(related.id !== "themePicker" &&
|
||||
(!related.parentNode || related.parentNode.id !== "theme-choices")))) {{
|
||||
switchThemeButtonState();
|
||||
hideThemeButtonState();
|
||||
}}
|
||||
}}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue