gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): improve search ui (#35146)

Browse Source
This commit is contained in:
Ahmad Abdolsaheb
2019-02-17 00:38:33 +03:00
committed by Valeriy
parent 96bfcfd654
commit 4fd54a085c
1 changed files with 31 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
client/src/components/Header/header.css
View File

@ -105,16 +105,45 @@ header {
} }
.fcc_searchBar .ais-Hits { .fcc_searchBar .ais-Hits {
width: 60%; width: 100%;
left: 0;
} }
@media (max-width: 735px) { @media (min-width: 480px) {
.fcc_searchBar .ais-Hits {
width: 90%;
left: 5%;
}
}
@media (min-width: 735px) {
.fcc_searchBar .ais-Hits { .fcc_searchBar .ais-Hits {
width: 80%; width: 80%;
left: 10%; left: 10%;
} }
} }
@media (min-width: 992px) {
.fcc_searchBar {
position: relative;
}
.fcc_searchBar .ais-Hits {
width: calc(100% - 20px);
left: 10px;
}
}
/* hits */
.fcc_searchBar .ais-Highlight-highlighted {
background-color: transparent;
font-style: normal;
font-weight: bold;
}
.fcc_searchBar .fcc_suggestion_item {
padding: 10px;
}
/* Navbar logo */ /* Navbar logo */
.logo-glyph { .logo-glyph {