alex
/
mastodon
forked from treehouse/mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Port upstream's result section headers (fixes #366)

signup-info-prompt
Thibaut Girka 2018-05-22 12:21:50 +02:00 committed by ThibG
parent 22bc07998c
commit d253449ff0
2 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/flavours/glitch/features/drawer/results/index.js
View File

@ -68,6 +68,8 @@ export default function DrawerResults ({
</header>
{accounts && accounts.size ? (
<section>
<h5><FormattedMessage id='search_results.accounts' defaultMessage='People' /></h5>
{accounts.map(
accountId => (
<AccountContainer
@ -80,6 +82,8 @@ export default function DrawerResults ({
) : null}
{statuses && statuses.size ? (
<section>
<h5><FormattedMessage id='search_results.statuses' defaultMessage='Toots' /></h5>
{statuses.map(
statusId => (
<StatusContainer
@ -92,6 +96,8 @@ export default function DrawerResults ({
) : null}
{hashtags && hashtags.size ? (
<section>
<h5><FormattedMessage id='search_results.hashtags' defaultMessage='Hashtags' /></h5>
{hashtags.map(
hashtag => (
<Link

34
app/javascript/flavours/glitch/styles/components/drawer.scss
View File

@ -266,6 +266,40 @@
& > section {
background: $ui-base-color;
margin-bottom: 20px;
h5 {
position: relative;
&::before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 50%;
width: 100%;
height: 0;
border-top: 1px solid lighten($ui-base-color, 8%);
}
span {
display: inline-block;
background: $ui-base-color;
color: $darker-text-color;
font-size: 14px;
font-weight: 500;
padding: 10px;
position: relative;
z-index: 1;
cursor: default;
}
}
.account:last-child,
& > div:last-child .status {
border-bottom: 0;
}
& > .hashtag {
display: block;