Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-25 09:18:51 +01:00
Code Issues Projects Releases Packages Wiki Activity

Make filter bar expandable

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-27 00:58:42 +08:00
parent 713865a094
commit c022e2fd00
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app.css
View file

@ -2130,6 +2130,14 @@ ul.link-list li a .icon {
align-items: center; align-items: center;
transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;
&.expandable:not(#columns &) {
@media (min-width: 40em) {
width: 95vw;
max-width: calc(320px * 3.3);
transform: translateX(calc(-50% + var(--main-width) / 2));
}
}
&.loading, &.loading,
.loading > & { .loading > & {
pointer-events: none; pointer-events: none;

2
src/pages/trending.jsx
View file

@ -120,7 +120,7 @@ function Trending({ columnMode, ...props }) {
return ( return (
<> <>
{!!hashtags.length && ( {!!hashtags.length && (
<div class="filter-bar"> <div class="filter-bar expandable">
<Icon icon="chart" class="insignificant" size="l" /> <Icon icon="chart" class="insignificant" size="l" />
{hashtags.map((tag, i) => { {hashtags.map((tag, i) => {
const { name, history } = tag; const { name, history } = tag;