cargdev/angular
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(aio): remove ... separator from search results

Browse Source 
An ellipsis was used to separate the most relevant search
results from the alphabetic list. The separator was confusing
because it was not clear what it represented.

This has been removed and the most relevant results are now
indicated by styling with a more bold font and a bit of whitespace
between them and the rest of the results.

To keep things consistent, if there are fewer than 5 results all the
results are now displayed as priorityPages.

Closes #17233
This commit is contained in:
Peter Bacon Darwin
2017-06-07 11:43:48 +01:00
committed by Alex Rickabaugh
parent bb46f54ad7
commit a4a2901294
4 changed files with 45 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
aio/src/styles/2-modules/_search-results.scss
View File

@ -55,7 +55,7 @@ aio-search-results {
font-size: 14px;
color: $lightgray;
text-decoration: none;
font-weight: 300;
font-weight: normal;
&:hover {
color: $white;
}
@ -68,11 +68,11 @@ aio-search-results {
}
}
.more-items {
content: 'more_horiz';
font-size: 20px;
color: $mediumgray;
padding: 0;
.priority-pages {
padding: 0.5rem 0;
a {
font-weight: bold;
}
}
@include bp(tiny) {