From 4f1425febf6efb45eaf91aff19b215b8c7e77bec Mon Sep 17 00:00:00 2001
From: r <r@freesoftwareextremist.com>
Date: Sat, 30 Jan 2021 16:51:09 +0000
Subject: Add filters

---
 static/style.css | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'static')

diff --git a/static/style.css b/static/style.css
index 1921f5e..b51b439 100644
--- a/static/style.css
+++ b/static/style.css
@@ -552,6 +552,14 @@ kbd {
 	font-size: 10pt;
 }
 
+.filters {
+	margin: 10px 0;
+}
+
+.filters td {
+	padding: 2px 4px;
+}
+
 .dark {
 	background-color: #222222;
 	background-image: none;
-- 
cgit v1.2.3


From bd74cb50e7e7be61f88687bc2d5f7ac63b45ea70 Mon Sep 17 00:00:00 2001
From: r <r@freesoftwareextremist.com>
Date: Fri, 9 Apr 2021 12:28:03 +0000
Subject: Add image preview popup

---
 static/fluoride.js | 63 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 static/style.css   |  6 ++++++
 2 files changed, 69 insertions(+)

(limited to 'static')

diff --git a/static/fluoride.js b/static/fluoride.js
index 36a374f..f44801b 100644
--- a/static/fluoride.js
+++ b/static/fluoride.js
@@ -205,6 +205,64 @@ function handleStatusLink(a) {
 		a.target = "_blank";
 }
 
+function setPos(el, cx, cy, mw, mh) {
+	var h = el.clientHeight;
+	var w = el.clientWidth;
+	var left, top;
+	if (cx < mw/2) {
+		if (w + cx + 20 < mw) {
+			left = cx + 20; 
+		} else {
+			left = (mw - w);
+		}
+	} else {
+		if (cx - w - 20 > 0) {
+			left = cx - w - 20; 
+		} else {
+			left = 0;
+		}
+	}
+	top = (cy - (h/2));
+	if (top < 0) {
+		top = 0;
+	} else if (top + h > mh) {
+		top = (mh - h);
+	} 
+	el.style.left = left + "px";
+	el.style.top = top + "px";
+}
+
+var imgPrev = null;
+function handleImgPreview(a) {
+	a.onmouseenter = function(e) {
+		var mw = document.documentElement.clientWidth;
+		var mh = document.documentElement.clientHeight - 24;
+		var img = document.createElement("img");
+		img.id = "img-preview";
+		img.src = e.target.getAttribute("href");
+		img.style["max-width"] = mw + "px";
+		img.style["max-height"] = mh + "px";
+		img.onload = function(e2) {
+			setPos(e2.target, e.clientX, e.clientY, mw, mh);
+		}
+		document.body.appendChild(img);
+		imgPrev = img;
+	}
+	a.onmouseleave = function(e) {
+		var img = document.getElementById("img-preview");
+		if (img)
+			document.body.removeChild(img);
+		imgPrev = null;
+	}
+	a.onmousemove = function(e) {
+		if (!imgPrev)
+			return;
+		var mw = document.documentElement.clientWidth;
+		var mh = document.documentElement.clientHeight - 24;
+		setPos(imgPrev, e.clientX, e.clientY, mw, mh);
+	}
+}
+
 document.addEventListener("DOMContentLoaded", function() { 
 	checkCSRFToken();
 	checkAntiDopamineMode();
@@ -238,6 +296,11 @@ document.addEventListener("DOMContentLoaded", function() {
 	for (var j = 0; j < links.length; j++) {
 		links[j].target = "_blank";
 	}
+
+	var links = document.querySelectorAll(".status-media-container .img-link");
+	for (var j = 0; j < links.length; j++) {
+		handleImgPreview(links[j]);
+	}
 });
 
 // @license-end
diff --git a/static/style.css b/static/style.css
index b51b439..50b6fa2 100644
--- a/static/style.css
+++ b/static/style.css
@@ -560,6 +560,12 @@ kbd {
 	padding: 2px 4px;
 }
 
+#img-preview {
+	pointer-events: none;
+	z-index: 2;
+	position: fixed;
+}
+
 .dark {
 	background-color: #222222;
 	background-image: none;
-- 
cgit v1.2.3


From 44d4b0d379ddfe004bff710c5c3cb44692500ad4 Mon Sep 17 00:00:00 2001
From: r <r@freesoftwareextremist.com>
Date: Sun, 30 May 2021 07:03:29 +0000
Subject: Fix css box and emoji list style

---
 static/style.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

(limited to 'static')

diff --git a/static/style.css b/static/style.css
index 50b6fa2..4e1ddce 100644
--- a/static/style.css
+++ b/static/style.css
@@ -159,12 +159,20 @@ body {
 	margin-left: 4px;
 }
 
-.post-content {
+textarea {
 	padding: 4px;
 	font-size: 11pt;
 	font-family: initial;
+}
+
+.post-content {
+	box-sizing: border-box;
 	width: 100%;
+}
+
+#css {
 	box-sizing: border-box;
+	max-width: 100%;
 }
 
 .pagination {
@@ -351,9 +359,10 @@ a:hover,
 }
 
 .emoji-item-container {
-	min-width: 220px;
+	width: 220px;
 	display: inline-block;
 	margin: 4px 0;
+	overflow: hidden;
 }
 
 .emoji-item {
@@ -576,7 +585,7 @@ kbd {
 	color: #81a2be;
 }
 
-.dark #post-content {
+.dark textarea {
 	background-color: #333333;
 	border: 1px solid #444444;
 	color: #eaeaea;
-- 
cgit v1.2.3