CanadianBacon/CanvasRefined
1
0
Fork 0
mirror of https://github.com/GuySandler/CanvasRefined.git synced 2026-06-21 01:49:54 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

ui revamp 4

Browse Source 
I think I am done for now
This commit is contained in:
Guy Sandler 2026-02-26 10:47:50 -08:00
parent a13374c23f
commit de2cb476a5
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
html/popup.html
View File

@ -900,9 +900,9 @@
<button class="big-button back-btn" data-i18n="back">Back</button> <button class="big-button back-btn" data-i18n="back">Back</button>
</div> </div>
<div class="option-container"> <div class="option-container">
<h3 class="header-small" id="fontsDropdown" style="cursor: pointer;"> <h3 class="header-small" id="fontsDropdown" style="cursor:pointer; display:flex; align-items:center; gap:8px;">
Dashboard Font Dashboard Font
<img src="../icon/dropdownArrow.svg" width="16px" height="16px"> <img id="fontsDropdownArrow" style="transform:rotate(180deg);" src="../icon/dropdownArrow.svg" width="16px" height="16px">
</h3> </h3>
<div id="quick-fonts"></div> <div id="quick-fonts"></div>

6
js/popup.js
View File

@ -510,7 +510,7 @@ function setup() {
}); });
document.querySelector("#alert").addEventListener("click", clearAlert); document.querySelector("#alert").addEventListener("click", clearAlert);
// TODO: maybe fix this at some point, idk what is causing the error here
document.querySelectorAll(".preset-button.customization-button").forEach(btn => btn.addEventListener("click", changeToPresetCSS)); document.querySelectorAll(".preset-button.customization-button").forEach(btn => btn.addEventListener("click", changeToPresetCSS));
// activate card color inputs // activate card color inputs
@ -752,12 +752,16 @@ function setup() {
document.getElementById("fontsDropdown").addEventListener("click", (e) => { document.getElementById("fontsDropdown").addEventListener("click", (e) => {
const el = document.getElementById("quick-fonts"); const el = document.getElementById("quick-fonts");
const el2 = document.getElementsByClassName("custom-font")[0]; const el2 = document.getElementsByClassName("custom-font")[0];
const arrow = document.getElementById("fontsDropdownArrow");
if (el.style.display === "none") { if (el.style.display === "none") {
el.style.display = "flex"; el.style.display = "flex";
el2.style.display = "block"; el2.style.display = "block";
arrow.style.transform = "rotate(180deg)";
} else { } else {
el.style.display = "none"; el.style.display = "none";
el2.style.display = "none"; el2.style.display = "none";
arrow.style.transform = "rotate(0deg)";
} }
}); });