context menus and note deletion

1 files changed, 38 insertions, 0 deletions

diff --git a/static/popup-menu.css b/static/popup-menu.css
new file mode 100644
index 0000000..e0ec6c9
--- /dev/null
+++ b/static/popup-menu.css
@@ -0,0 +1,38 @@
+.menuButton {
+  display: flex;
+  &:not(:has(li)) {
+    display: none;
+  }
+}
+
+ul.popupMenu {
+  position: absolute;
+  border: var(--border);
+  border-radius: var(--border-radius);
+  background: var(--clr-panel-background);
+  z-index: 10;
+  box-shadow: var(--overlay-shadow);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  li > * {
+    padding: var(--spacing-single);
+    display: grid;
+    grid-template-columns: var(--icon-size) auto;
+    gap: var(--spacing-single);
+    align-items: center;
+
+    border: none;
+    background: none;
+    font-family: inherit;
+    font-size: var(--font-normal-size) !important;
+    color: var(--clr-foreground) !important;
+    width: max-content !important;
+    text-decoration: none;
+    cursor: pointer;
+  }
+  li:not(:last-child) {
+    border-bottom: var(--border);
+  }
+}