Ailur-Archives
/
burgernotes-web
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Made the divs hide properly after the upload message is displayed

This commit is contained in:
Tracker-Friendly 2024-05-23 18:15:20 +01:00
parent 2d92159cdc
commit 3afa46272d
4 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/index.html
View File

@ -15,8 +15,8 @@
<body> <body>
<div class="topBar"> <div class="topBar">
<p tabindex="0" class="logo" id="burgerButton">Burgernotes</p> <p tabindex="0" class="logo" id="burgerButton">Burgernotes</p>
<button tabindex="0" class="logo hidden" style="font-size: 17px;margin-left: 0;" onclick="handleGesture()" id="backButton"><img style="scale: 0.5;filter: invert(var(--invertdm));" src="/static/svg/arrow-back.svg"></button> <button tabindex="0" class="logo hidden" style="font-size: 17px;margin-left: 0;" onclick="handleGesture()" id="backButton"><img src="/static/svg/arrow-back.svg"></button>
<p tabindex="0" id="usernameBox" class="usernameBox"></p> <img id="usernameBox" class="usernameBox" src="/static/svg/acct-settings.svg">
</div> </div>
<div class="bottomBar"> <div class="bottomBar">

6
static/css/style.css
View File

@ -262,10 +262,14 @@ body {
.topBar .usernameBox { .topBar .usernameBox {
text-align: right; text-align: right;
margin-left: auto; margin-left: auto;
margin-right: 16px;
cursor: pointer; cursor: pointer;
} }
.topBar img {
scale: 0.5;
filter: invert(var(--invertdm));
}
.notesBar { .notesBar {
position: fixed; position: fixed;
width: 180px; width: 180px;

4
static/js/main.js
View File

@ -641,8 +641,12 @@ function importNotes(plaintextNotes) {
.then((response) => { .then((response) => {
async function doStuff() { async function doStuff() {
if (response.status === 500) { if (response.status === 500) {
optionsDiv.classList.add("hidden")
importNotesDiv.classList.add("hidden")
displayError("Something went wrong! Perhaps your note file was invalid?") displayError("Something went wrong! Perhaps your note file was invalid?")
} else { } else {
optionsDiv.classList.add("hidden")
importNotesDiv.classList.add("hidden")
displayError("Notes uploaded!") displayError("Notes uploaded!")
updateNotes() updateNotes()
} }

1
static/svg/acct-settings.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M400-485q-66 0-108-42t-42-108q0-66 42-108t108-42q66 0 108 42t42 108q0 66-42 108t-108 42ZM80-164v-94q0-35 17.5-63t50.5-43q72-32 133.5-46T400-424h23q-6 14-9 27.5t-5 32.5h-9q-58 0-113.5 12.5T172-310q-16 8-24 22.5t-8 29.5v34h269q5 18 12 32.5t17 27.5H80Zm587 44-10-66q-17-5-34.5-14.5T593-222l-55 12-25-42 47-44q-2-9-2-25t2-25l-47-44 25-42 55 12q12-12 29.5-21.5T657-456l10-66h54l10 66q17 5 34.5 14.5T795-420l55-12 25 42-47 44q2 9 2 25t-2 25l47 44-25 42-55-12q-12 12-29.5 21.5T731-186l-10 66h-54Zm27-121q36 0 58-22t22-58q0-36-22-58t-58-22q-36 0-58 22t-22 58q0 36 22 58t58 22ZM400-545q39 0 64.5-25.5T490-635q0-39-25.5-64.5T400-725q-39 0-64.5 25.5T310-635q0 39 25.5 64.5T400-545Zm0-90Zm9 411Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 808 B