summaryrefslogtreecommitdiff
path: root/web/source/css
diff options
context:
space:
mode:
authorLibravatar f0x52 <f0x@cthu.lu>2023-01-25 18:06:41 +0100
committerLibravatar GitHub <noreply@github.com>2023-01-25 18:06:41 +0100
commit17eecfb6d9f50821d7822d60fa4135d59ea5ca57 (patch)
tree26796a658eb1b05e27c34ec23c2fc8030ffb4458 /web/source/css
parent[feature] Accept incoming federated Flag activity (#1382) (diff)
downloadgotosocial-17eecfb6d9f50821d7822d60fa4135d59ea5ca57.tar.xz
[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
Diffstat (limited to 'web/source/css')
-rw-r--r--web/source/css/_colors.css6
-rw-r--r--web/source/css/base.css76
2 files changed, 79 insertions, 3 deletions
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