From 17eecfb6d9f50821d7822d60fa4135d59ea5ca57 Mon Sep 17 00:00:00 2001
From: f0x52 <f0x@cthu.lu>
Date: Wed, 25 Jan 2023 18:06:41 +0100
Subject: [feature] Public list of suspended domains (#1362)

* basic rendered domain blocklist (unauthenticated!)

* style basic domain block list

* better formatting for domain blocklist

* add opt-in config option for showing suspended domains

* format/linter

* re-use InstancePeersGet for web-accessible domain blocklist

* reword explanation, border styling

* always attach blocklist handler, update error message

* domain blocklist error message grammar
---
 web/source/css/_colors.css |  6 ++--
 web/source/css/base.css    | 76 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+), 3 deletions(-)

(limited to 'web/source/css')

diff --git a/web/source/css/_colors.css b/web/source/css/_colors.css
index 13a75c9f5..6d4b056b8 100644
--- a/web/source/css/_colors.css
+++ b/web/source/css/_colors.css
@@ -114,6 +114,6 @@ $settings-nav-bg-active: $gray2;
 $error-fg: $error1;
 $error-bg: $error2;
 
-$settings-entry-bg: $gray2;
-$settings-entry-alternate-bg: $gray3;
-$settings-entry-hover-bg: $gray4;
\ No newline at end of file
+$list-entry-bg: $gray2;
+$list-entry-alternate-bg: $gray3;
+$list-entry-hover-bg: $gray4;
\ No newline at end of file
diff --git a/web/source/css/base.css b/web/source/css/base.css
index ef7eb2e36..9289f18f8 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -413,4 +413,80 @@ label {
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
+}
+
+.list {
+	display: flex;
+	flex-direction: column;
+
+	&.scrolling {
+		max-height: 40rem;
+		overflow: auto;
+	}
+
+	.header, .entry {
+		padding: 0.5rem;
+	}
+
+	.header {
+		border: 0.1rem solid transparent !important; /* for alignment with .entry border padding */
+		background: $gray1 !important;
+		display: flex;
+		font-weight: bold;
+	}
+
+	input[type=checkbox] {
+		margin-left: 0.5rem;
+	}
+
+	.entry {
+		display: flex;
+		flex-wrap: wrap;
+		background: $list-entry-bg;
+		border: 0.1rem solid transparent;
+
+		&:nth-child(even) {
+			background: $list-entry-alternate-bg;
+		}
+	
+		&:hover {
+			background: $list-entry-hover-bg;
+		}
+	
+		&:active, &:focus, &:hover, &:target {
+			border-color: $fg-accent;
+		}
+	}
+}
+
+.domain-blocklist {
+	box-shadow: $boxshadow;
+
+	.entry {
+		display: grid;
+		grid-template-columns: 15rem 1fr;
+		gap: 0.5rem;
+		align-items: start;
+		border: $boxshadow-border;
+		border-top-color: transparent;
+
+		& > div {
+			display: flex;
+			align-items: center
+		}
+
+		.domain a {
+			font-weight: bold;
+			text-decoration: none;
+			display: inline-block; /* so it wraps properly */
+		}
+
+		.public_comment p {
+			margin: 0;
+		}
+	}
+
+	.header .domain {
+		color: $fg;
+	}
 }
\ No newline at end of file
-- 
cgit v1.2.3