honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(aio): search result styling 

- Changed search result link hover state to white to be more legible
- Increased the max-height on search results container to remove the jitter
- Changed search results to have space-around vs space-between for more appropriate spacing
This commit is contained in:
Stefanie Fluin 2017-05-01 12:44:02 -07:00 committed by Matias Niemelä
parent f32bfcdbe5
commit 65a8f7f6c9
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
aio/src/styles/1-layouts/_search-results.scss
View File

@ -5,12 +5,12 @@ aio-search-results {
.search-results { .search-results {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-around;
overflow: auto; overflow: auto;
padding: 68px 32px 0; padding: 68px 32px 0;
color: $offwhite; color: $offwhite;
width: auto; width: auto;
max-height: 40%; max-height: 50%;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -58,8 +58,7 @@ aio-search-results {
text-decoration: none; text-decoration: none;
font-weight: 300; font-weight: 300;
&:hover { &:hover {
color: $blue; color: $white;
font-weight: 500;
} }
&:visited { &:visited {
text-decoration: none; text-decoration: none;