greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

pull/34840/head
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
Show Stats 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 {
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 {
width: 80%;
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 */
.logo-glyph {