ticket #61 attempt 1

devplacepy/static/css/engagement.css

@@ -172,7 +172,6 @@
     text-align: left;
     cursor: pointer;
     overflow: hidden;
-    touch-action: manipulation;
 }
 
 .poll-option[disabled] {
@@ -183,10 +182,6 @@
     border-color: var(--border-light);
 }
 
-.poll-option:not([disabled]):active {
-    background-color: var(--bg-card-hover);
-}
-
 .poll-option.chosen {
     border-color: var(--accent);
 }

devplacepy/static/css/feed.css

@@ -222,6 +222,8 @@
     display: flex;
     flex-direction: column;
     gap: 1rem;
+    max-height: calc(100vh - var(--nav-height) - 2rem);
+    overflow-y: auto;
 }
 
 .daily-topic-card {

devplacepy/static/css/sidebar.css

@@ -8,6 +8,8 @@
     border-radius: var(--radius-lg);
     box-shadow: var(--shadow-sm);
     padding: 1rem;
+    max-height: calc(100vh - var(--nav-height) - 2rem);
+    overflow-y: auto;
 }
 
 .sidebar-card .sidebar-heading {

devplacepy/static/js/PollManager.js

@@ -5,8 +5,7 @@ import { OptimisticAction } from "./OptimisticAction.js";
 export class PollManager extends OptimisticAction {
     constructor() {
         super();
-        this.container = null;
-        document.addEventListener("pointerdown", (event) => this.onClick(event));
+        document.addEventListener("click", (event) => this.onClick(event));
         document.addEventListener("submit", (event) => this.onSubmit(event), true);
     }
 
@@ -43,8 +42,7 @@ export class PollManager extends OptimisticAction {
         }
         const pollUid = poll.dataset.pollUid;
         const optionUid = option.dataset.optionUid;
-        this.container = poll;
-        await this.submit(`/polls/${pollUid}/vote`, { option_uid: optionUid }, this.container, (result) => this.render(poll, result));
+        await this.submit(`/polls/${pollUid}/vote`, { option_uid: optionUid }, null, (result) => this.render(poll, result));
     }
 
     render(poll, result) {