bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Filter bar animation

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2022-01-04 22:53:15 +01:00
parent cd4e33a8ed
commit b06596bbb6
6 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/components/filter_bar.js Normal file
View file

Binary file not shown.

BIN
app/soapbox/features/compose/components/search_results.js
View file

Binary file not shown.

BIN
app/soapbox/features/notifications/components/filter_bar.js
View file

Binary file not shown.

BIN
app/soapbox/features/reactions/index.js
View file

Binary file not shown.

BIN
app/soapbox/features/search/components/filter_bar.js
View file

Binary file not shown.

22
app/styles/ui.scss
View file

@ -636,10 +636,8 @@ article:last-child > .domain {
}
}
.notification__filter-bar,
.search__filter-bar,
.account__section-headline,
.reaction__filter-bar {
.filter-bar,
.account__section-headline {
border-bottom: 1px solid var(--brand-color--faint);
cursor: default;
display: flex;
@ -684,14 +682,26 @@ article:last-child > .domain {
background-color: var(--accent-color);
}
}
}
button .svg-icon {
.svg-icon {
width: 18px;
height: 18px;
margin: 0 auto;
}
}
}
.filter-bar {
position: relative;
&__active {
position: absolute;
height: 3px;
bottom: 0;
background-color: var(--accent-color);
transition: all 0.3s;
}
}
.reaction__filter-bar {
overflow-x: auto;