Make filter bar expandable

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

View file

@ -2130,6 +2130,14 @@ ul.link-list li a .icon {
align-items: center;
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 > & {
pointer-events: none;

View file

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