This commit is contained in:
maaa 2023-08-04 19:48:26 +02:00
parent 793367713e
commit fd2b000731
3 changed files with 92 additions and 75 deletions

View File

@ -74,6 +74,10 @@ body {
text-align: left; text-align: left;
} }
.notesBar .loadingStuff {
border: none;
}
.notesBar .selected { .notesBar .selected {
background-color: #157efb !important; background-color: #157efb !important;
color: white color: white
@ -105,6 +109,10 @@ body {
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
} }
.noteBox:focus {
outline: none
}
.optionsCoverDiv { .optionsCoverDiv {
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -145,9 +153,11 @@ body {
border-radius: 99px; border-radius: 99px;
height: 7px; height: 7px;
} }
.optionsDiv progress::-moz-progress-bar { .optionsDiv progress::-moz-progress-bar {
background: #157efb; background: #157efb;
} }
.optionsDiv progresss::-webkit-progress-value { .optionsDiv progresss::-webkit-progress-value {
background: #157efb; background: #157efb;
} }

View File

@ -26,6 +26,11 @@ let notesBar = document.getElementById("notesBar")
let notesDiv = document.getElementById("notesDiv") let notesDiv = document.getElementById("notesDiv")
let newNote = document.getElementById("newNote") let newNote = document.getElementById("newNote")
let noteBox = document.getElementById("noteBox") let noteBox = document.getElementById("noteBox")
let loadingStuff = document.getElementById("loadingStuff")
for (let i = 0; i < 10; i++) {
notesDiv.appendChild(loadingStuff.cloneNode())
}
let selectedNote = 0 let selectedNote = 0
let timer let timer
@ -212,6 +217,7 @@ function updateNotes() {
}) })
.then((response) => response) .then((response) => response)
.then((response) => { .then((response) => {
document.querySelectorAll(".loadingStuff").forEach((el) => el.remove());
async function doStuff() { async function doStuff() {
document.querySelectorAll(".noteButton").forEach((el) => el.remove()); document.querySelectorAll(".noteButton").forEach((el) => el.remove());
noteBox.readOnly = true noteBox.readOnly = true

View File

@ -19,8 +19,9 @@
</div> </div>
<div id="notesBar" class="notesBar"> <div id="notesBar" class="notesBar">
<button id="newNote" class="newNote"><img id="newNoteImage" src="/static/svg/add.svg">new note</button> <button id="newNote" class="newNote"><img id="newNoteImage" draggable="false" src="/static/svg/add.svg">new note</button>
<div id="notesDiv" class="notesDiv"> <div id="notesDiv" class="notesDiv">
<button class="loadingStuff" id="loadingStuff"></button>
</div> </div>
</div> </div>