Fixed the font manipulator's text being off center, fixed the loading animation not duplicating correctly on chromium-based browsers, fixed the font manipulator not working correctly, fixed usernameBox hovering displaying the wrong color during dark mode, fixed the add and delete note buttons being larger than other icons

This commit is contained in:
Tracker-Friendly 2024-08-07 17:48:43 +01:00
parent c6bc8de880
commit 97d0d25600
3 changed files with 16 additions and 12 deletions

View File

@ -46,7 +46,7 @@
<div class="fontManipulator">
<div class="vcenter"><text>Font size</text></div>
<div class="vcenter textMinusBox"><button id="textMinusBox">-</button></div>
<div class="vcenter textSizeBox"><text style="background-color: rgba(0, 0, 0, 0) !important; transform: translateX(-3.5px)" id="textSizeBox">16px</text></div>
<div class="vcenter textSizeBox"><text style="background-color: rgba(0, 0, 0, 0) !important;" id="textSizeBox">16px</text></div>
<div class="vcenter"><button id="textPlusBox">+</button></div>
</div>
<div class="section"></div>
@ -93,10 +93,12 @@
<input type="file" id="uploadThing" class="hidden"> <!-- This is only ever .click()'d so it doesn't need to be styled -->
<script>
for (let i = 0; i < 40; i++) {
notesDiv.appendChild(loadingStuff.cloneNode())
}
loadingStuff.remove()
document.addEventListener("DOMContentLoaded", function() {
for (let i = 0; i < 40; i++) {
notesDiv.appendChild(loadingStuff.cloneNode())
}
loadingStuff.remove()
})
</script>
<script src="/static/js/pell.js"></script>
<script type="text/javascript" src="/static/js/main.js"></script>

View File

@ -253,7 +253,6 @@ body {
.topBar .usernameBox {
padding: 5px;
cursor: pointer;
filter: invert(var(--invertdm));
height: 41px;
width: 41px;
line-height: 41px;
@ -271,6 +270,7 @@ body {
}
.topBar .usernameBox img {
filter: invert(var(--invertdm));
height: 22px;
}
.notesBar {
@ -374,7 +374,7 @@ body {
}
.notesBar .newNote img {
scale: 0.6;
scale: 0.5;
filter: invert(var(--invertdm));
}

View File

@ -2,7 +2,7 @@
let secretKey = localStorage.getItem("PRIVATE-secretKey")
let password = localStorage.getItem("PRIVATE-cryptoKey")
let fontSize = localStorage.getItem("SETTING-fontsize")
let fontSize = Number(localStorage.getItem("SETTING-fontsize"))
let remote = localStorage.getItem("SETTING-homeServer")
if (secretKey === null || password === null) {
@ -313,11 +313,13 @@ document.addEventListener("DOMContentLoaded", async function () {
updateFont()
textPlusBox.addEventListener("click", () => {
localStorage.setItem("SETTING-fontsize", String(Number(fontSize) + Number(1)))
fontSize += 1
localStorage.setItem("SETTING-fontsize", String(fontSize))
updateFont()
});
textMinusBox.addEventListener("click", () => {
localStorage.setItem("SETTING-fontsize", String(Number(fontSize) - Number(1)))
fontSize -= 1
localStorage.setItem("SETTING-fontsize", String(fontSize))
updateFont()
});
@ -514,12 +516,12 @@ document.addEventListener("DOMContentLoaded", async function () {
}
})
if (purgeNotes.status !== 200) {
fatalError(notes, passwordBackup)
await fatalError(notes, passwordBackup)
} else {
let responseStatus = await importNotes(notes)
errorDiv.classList.add("hidden")
if (responseStatus !== 200) {
fatalError(notes, passwordBackup)
await fatalError(notes, passwordBackup)
} else {
closeErrorButton.classList.remove("hidden")
displayError("Password changed!")