From 3c604db2342b06dfc35362083b0703723b43bd03 Mon Sep 17 00:00:00 2001 From: venashial Date: Thu, 30 Jun 2022 13:17:07 -0700 Subject: [PATCH] Add `.member` hover style + NavRow & parse fixes --- src/components/NavRow.svelte | 2 +- src/styles/classes/member.postcss | 9 +++++++++ src/utils/parse.ts | 1 + 3 files changed, 11 insertions(+), 1 deletion(-) diff --git a/src/components/NavRow.svelte b/src/components/NavRow.svelte index 8c27cea0..a61d9a46 100644 --- a/src/components/NavRow.svelte +++ b/src/components/NavRow.svelte @@ -46,7 +46,7 @@ const indicator = { left: 0, right: 0, - top: 0, + top: 22, direction: 'right', } diff --git a/src/styles/classes/member.postcss b/src/styles/classes/member.postcss index 155dcf15..d5311603 100644 --- a/src/styles/classes/member.postcss +++ b/src/styles/classes/member.postcss @@ -2,9 +2,18 @@ display: flex; gap: 1rem; + border-radius: var(--rounded-sm); + padding: 0.5rem; + transition: background-color 0.1s ease-in-out; + + &:hover { + background-color: var(--color-button-bg); + } + &__info { display: flex; flex-direction: column; + margin-right: 0.5rem; &__link { font-weight: var(--font-weight-medium); diff --git a/src/utils/parse.ts b/src/utils/parse.ts index 5d8dd2ec..73bacc2e 100644 --- a/src/utils/parse.ts +++ b/src/utils/parse.ts @@ -50,6 +50,7 @@ function sanitize(html: string): string { span: ['class'], input: ['type', 'checked', 'disabled'], font: ['color'], + details: ['open'], }, allowedClasses: {}, allowedSchemes: ['http', 'https', 'mailto'],