diff --git a/src/components/Feed/Sidebar.module.scss b/src/components/Feed/Sidebar.module.scss index 397cb0e7..f692d58f 100644 --- a/src/components/Feed/Sidebar.module.scss +++ b/src/components/Feed/Sidebar.module.scss @@ -1,9 +1,14 @@ .sidebar { max-height: calc(100vh - 120px); - overflow: auto; - padding-right: 1rem; + overflow: hidden; + padding-right: 2.6rem; position: sticky; top: 120px; + + &:hover { + overflow: scroll; + padding-right: 1rem; + } } .counter { diff --git a/src/components/Nav/Header.module.scss b/src/components/Nav/Header.module.scss index 7927684c..fdafbcc9 100644 --- a/src/components/Nav/Header.module.scss +++ b/src/components/Nav/Header.module.scss @@ -521,6 +521,6 @@ &, a::before { - border-radius: 1.2em; + border-radius: 1.2em !important; } } diff --git a/src/components/Views/Feed.tsx b/src/components/Views/Feed.tsx index fe7cafbd..fc1dfe04 100644 --- a/src/components/Views/Feed.tsx +++ b/src/components/Views/Feed.tsx @@ -20,6 +20,7 @@ import type { Reaction } from '../../graphql/types.gen' import { getPagePath } from '@nanostores/router' import { router } from '../../stores/router' import { useLocalize } from '../../context/localize' +import type { Author } from '../../graphql/types.gen' export const FEED_PAGE_SIZE = 20 @@ -142,7 +143,22 @@ export const FeedView = () => {

{t('Comments')}

- {(comment) => } + {(comment) => { + return ( +
+ + ) + }}