From 6ff22d37d29a0e92167c368f6d2a68a95e653b8e Mon Sep 17 00:00:00 2001
From: s-ol <s-ol@users.noreply.github.com>
Date: Fri, 12 Feb 2021 12:59:17 +0100
Subject: selection bar, permalinks, avatar links

---
 src/ui/Discussion.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

(limited to 'src/ui/Discussion.js')

diff --git a/src/ui/Discussion.js b/src/ui/Discussion.js
index 2cea1c1..3176c03 100644
--- a/src/ui/Discussion.js
+++ b/src/ui/Discussion.js
@@ -6,20 +6,23 @@ import { Links } from './Links';
 import { Note } from './Note';
 
 css`
-article > div {
-	position: relative;
+article {
+	display: flex;
+	flex-direction: column;
+
+	overflow: auto;
+	flex: 1 1 auto;
 }
 
-article > div > canvas {
-	position: absolute;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
+article > div {
+	position: relative;
 }
 `;
 
-export const Discussion = ({ name, items, collapsed, toggleCollapsed }) => {
+export const Discussion = ({
+	name, items, collapsed,
+	toggleCollapsed, toggleSelected,
+}) => {
 	const [{ width, height, positions, links }, setState] = useState({
 		width: 0,
 		height: 0,
@@ -67,7 +70,8 @@ export const Discussion = ({ name, items, collapsed, toggleCollapsed }) => {
 								}
 								collapsed={isCollapsed}
 								position={positions[item.id]}
-								onHide={toggleCollapsed}
+								onCollapse={toggleCollapsed}
+								onSelect={toggleSelected}
 								onSize={setNodeSize}
 							/>
 				 		);
-- 
cgit v1.2.3