vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Implement new search UI

Browse source 
We now have both autocomplete-based searching for quick results, as well as a full search page for a full listing of results
This commit is contained in:
Joseph Schorr 2017-04-07 17:25:44 -04:00
parent 8b148bf1d4
commit e9ffe0e27b
23 changed files with 649 additions and 393 deletions
Download patch file Download diff file Expand all files Collapse all files

84
static/css/pages/search.css Normal file
View file

@ -0,0 +1,84 @@
.search {
padding: 40px;
}
.search .empty {
margin-top: 40px;
}
.search .search-top-bar {
text-align: center;
padding: 10px;
}
.search .search-results-section {
border-top: 1px solid #ccc;
padding-top: 16px;
margin-top: 30px;
}
.search .search-results-section h5 {
display: block;
text-align: center;
color: #aaa;
text-transform: uppercase;
}
.search .search-results li {
padding-bottom: 10px;
margin-bottom: 24px;
border-bottom: 1px solid #eee;
}
.search .search-results li .result-info-bar {
color: #888;
}
.search .search-results li .result-info-bar .activity {
float: right;
}
.search .search-results li .result-info-bar .activity .strength-indicator {
display: inline-block;
margin-left: 10px;
}
.search .search-results li .description .markdown-view-content p {
display: none;
}
.search .search-results li .description .markdown-view-content p:first-child {
display: block;
overflow: hidden;
max-height: 4em;
}
.search .search-results li h4 {
vertical-align: middle;
}
.search .search-results li h4 .fa {
margin-right: 6px;
display: inline-block;
}
.search .search-results li .star-count {
float: right;
color: #888;
line-height: 26px;
}
.search .search-results li .star-count .star-count-number {
display: inline-block;
}
.search .search-results li .star-icon {
color: #ffba6d;
font-size: 26px;
margin-left: 10px;
vertical-align: middle;
}
.search .search-results li .search-result-box {
padding: 6px;
}