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

th-downstream
Thibaut Girka 7 years ago committed by ThibG
parent fecc496e34
commit dc67caa371

@ -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

@ -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;

Loading…
Cancel
Save