diff --git a/app/index.html b/app/index.html index 38cf29a..55d28de 100644 --- a/app/index.html +++ b/app/index.html @@ -33,10 +33,9 @@ - - + - + diff --git a/static/css/style.css b/static/css/style.css index f52083e..a447c91 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -372,6 +372,11 @@ body { transition: 0.125s; } +.notesBar .remove { + position: absolute; + right: 5px; +} + .notesBar .newNote:hover { background-color: var(--icon-button-hover); } diff --git a/static/js/main.js b/static/js/main.js index b09b539..73e3fe5 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -76,11 +76,12 @@ if (/Android|iPhone|iPod/i.test(navigator.userAgent)) { mobile = true noteBoxDiv.classList.add("mobile"); noteBoxDiv.style.width = "0px"; - notesBar.style.width = "calc(100% + 7.5px)" + notesBar.style.width = "85%" noteBoxDiv.readOnly = true noteBox.style.fontSize = "18px" noteBoxDiv.classList.add("hidden") + let touchstartX, touchstartY, touchendX, touchendY notesBar.addEventListener("touchstart", function (event) { @@ -130,7 +131,7 @@ if (/Android|iPhone|iPod/i.test(navigator.userAgent)) { function handleGesture() { if (indiv) { indiv = false - notesBar.style.width = "calc(100% + 7.5px)"; + notesBar.style.width = "85%" noteBoxDiv.style.width = "0px" if (selectedNote !== 0) { noteBoxDiv.readOnly = true