From c3a52b9e4cd346cf7b8964a69105fdcd30c4ec05 Mon Sep 17 00:00:00 2001
From: Přemysl Eric Janouch <p@janouch.name>
Date: Sun, 11 Sep 2022 21:30:51 +0200
Subject: xP: indicate hidden buffer lines

---
 xP/public/xP.css | 13 +++++++++++--
 xP/public/xP.js  | 14 +++++++++++++-
 2 files changed, 24 insertions(+), 3 deletions(-)

(limited to 'xP')

diff --git a/xP/public/xP.css b/xP/public/xP.css
index b4ce13c..53aa2c2 100644
--- a/xP/public/xP.css
+++ b/xP/public/xP.css
@@ -43,6 +43,9 @@ body {
 	bottom: -1px;
 	background: #ccc;
 }
+button {
+	font: inherit;
+}
 
 .middle {
 	flex: auto;
@@ -111,9 +114,8 @@ body {
 	font-weight: bold;
 }
 .unread {
-	height: 1px;
 	grid-column: span 2;
-	background: #ff5f00;
+	border-top: 1px solid #ff5f00;
 }
 .time {
 	padding: .1em .3em;
@@ -121,6 +123,13 @@ body {
 	color: #bbb;
 	border-right: 1px solid #ccc;
 }
+.time.hidden:after {
+	border-top: .2em dotted #ccc;
+	display: block;
+	width: 50%;
+	margin: 0 auto;
+	content: "";
+}
 .mark {
 	padding-right: .3em;
 	text-align: center;
diff --git a/xP/public/xP.js b/xP/public/xP.js
index ced93e9..f80182a 100644
--- a/xP/public/xP.js
+++ b/xP/public/xP.js
@@ -580,13 +580,20 @@ let Buffer = {
 			return m('.buffer')
 
 		let lastDateMark = undefined
+		let squashing = false
 		let markBefore = b.lines.length
 			- b.newMessages - b.newUnimportantMessages
 		b.lines.forEach((line, i) => {
 			if (i == markBefore)
 				lines.push(m('.unread'))
-			if (line.isUnimportant && b.hideUnimportant)
+
+			if (!line.isUnimportant || !b.hideUnimportant) {
+				squashing = false
+			} else if (squashing) {
 				return
+			} else {
+				squashing = true
+			}
 
 			let date = new Date(line.when)
 			let dateMark = date.toLocaleDateString()
@@ -594,6 +601,11 @@ let Buffer = {
 				lines.push(m('.date', {}, dateMark))
 				lastDateMark = dateMark
 			}
+			if (squashing) {
+				lines.push(m('.time.hidden'))
+				lines.push(m('.content'))
+				return
+			}
 
 			let attrs = {}
 			if (line.leaked)
-- 
cgit v1.2.3-70-g09d2