From abd5031602fc080fdcf3ca4cef2943c4d4402b9b Mon Sep 17 00:00:00 2001 From: Lim Chee Aun Date: Sat, 2 Mar 2024 10:00:45 +0800 Subject: [PATCH] "What is this" section for Catch-up --- src/assets/features/catch-up.png | Bin 0 -> 25410 bytes src/pages/catchup.css | 51 +++++++++++++++++++++++++++++++ src/pages/catchup.jsx | 26 ++++++++++++++++ 3 files changed, 77 insertions(+) create mode 100644 src/assets/features/catch-up.png diff --git a/src/assets/features/catch-up.png b/src/assets/features/catch-up.png new file mode 100644 index 0000000000000000000000000000000000000000..16a268da00eb30c7a3087958a2f6809707c2b42a GIT binary patch literal 25410 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 literal 0 HcmV?d00001 diff --git a/src/pages/catchup.css b/src/pages/catchup.css index 4ef22de..fc89c03 100644 --- a/src/pages/catchup.css +++ b/src/pages/catchup.css @@ -32,6 +32,57 @@ max-width: 40em; margin-inline: auto; + details { + border-radius: 16px; + text-wrap: balance; + color: var(--text-insignificant-color); + padding: 1em; + margin: -1em 0; + transition: all 0.3s var(--timing-function); + line-height: 1.4; + + &[open] { + transform: translateY(-10vh); + color: var(--text-color); + background-color: var(--bg-color); + background-image: radial-gradient( + farthest-corner at 25% 0, + transparent 80%, + var(--bg-faded-color) 95%, + var(--bg-color) + ), + radial-gradient( + farthest-corner at 100% 100%, + transparent 80%, + var(--bg-faded-blur-color) + ); + outline: 1px solid var(--bg-color); + box-shadow: 0 16px 32px -16px var(--drop-shadow-color); + + ~ * { + opacity: 0; + pointer-events: none; + } + + img { + width: 480px; + height: auto; + border-radius: 8px; + border: 1px solid var(--outline-color); + } + } + + summary { + font-size: 0.9em; + cursor: pointer; + user-select: none; + + &:hover { + color: var(--text-color); + } + } + } + .catchup-info { animation: appear 0.3s ease-out; display: flex; diff --git a/src/pages/catchup.jsx b/src/pages/catchup.jsx index 0e2e1e4..ac55f5e 100644 --- a/src/pages/catchup.jsx +++ b/src/pages/catchup.jsx @@ -9,6 +9,8 @@ import { useEffect, useMemo, useReducer, useRef, useState } from 'preact/hooks'; import { useSearchParams } from 'react-router-dom'; import { uid } from 'uid/single'; +import catchupUrl from '../assets/features/catch-up.png'; + import Avatar from '../components/avatar'; import Icon from '../components/icon'; import Link from '../components/link'; @@ -614,6 +616,30 @@ function Catchup() {

Catch-up beta

+
+ What is this? +

+ Catch-up is a separate timeline for your followings, offering + a high-level view at a glance, with a simple, email-inspired + interface to effortlessly sort and filter through posts. +

+ Preview of Catch-up UI +

+ +

+

Let's catch up on the posts from your followings.

Show me all posts from…