Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-01-23 17:16:26 +01:00
Code Issues Projects Releases Packages Wiki Activity

Small catch-up adjustments

Browse source
This commit is contained in:
Lim Chee Aun 2024-03-05 20:56:37 +08:00
parent c9a48cf482
commit b7ed27ef70
2 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/catchup.css
View file

@ -232,6 +232,7 @@
background-color: var(--link-color); background-color: var(--link-color);
transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;
transition-property: opacity, transform; transition-property: opacity, transform;
contain: none;
&.post-dot-highlight { &.post-dot-highlight {
opacity: 1; opacity: 1;
@ -489,7 +490,7 @@
} }
> li { > li {
margin: 0 0 1px; margin: 0 0 var(--hairline-width);
padding: 0; padding: 0;
list-style: none; list-style: none;
/* border-bottom: var(--hairline-width) solid var(--outline-color); */ /* border-bottom: var(--hairline-width) solid var(--outline-color); */
@ -573,10 +574,11 @@
'content content'; 'content content';
/* align-items: center; */ /* align-items: center; */
background-image: linear-gradient( background-image: linear-gradient(
160deg, 140deg,
var(--post-bg-color), var(--post-bg-color),
transparent min(80px, 50%) transparent min(160px, 50%)
); );
content-visibility: auto;
/* background-image: linear-gradient( /* background-image: linear-gradient(
90deg, 90deg,
var(--post-bg-color), var(--post-bg-color),
@ -664,6 +666,12 @@
} }
} }
> li:first-child .post-line {
animation-duration: 0.1s;
}
> li:nth-child(2) .post-line {
animation-duration: 0.2s;
}
> li:nth-child(10) ~ li .post-line { > li:nth-child(10) ~ li .post-line {
animation: none; animation: none;
} }

11
src/pages/catchup.jsx
View file

@ -1050,7 +1050,16 @@ function Catchup() {
].map( ].map(
(label) => (label) =>
!!filterCounts[label] && ( !!filterCounts[label] && (
<label class="filter-cat" key={label}> <label
class="filter-cat"
key={label}
title={
(
(filterCounts[label] / posts.length) *
100
).toFixed(2) + '%'
}
>
<input <input
type="radio" type="radio"
name="filter-cat" name="filter-cat"