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

Fix search view on mobile

Browse source
This commit is contained in:
Joseph Schorr 2017-05-04 14:29:29 -04:00
parent 5d88bccef7
commit 11e7d339ab
3 changed files with 38 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
static/css/directives/ui/search-box.css
View file

@ -1,10 +1,22 @@
search-box {
display: inline-block;
max-width: 100%;
}
.search-box-element {
display: inline-block;
position: relative;
text-align: left;
max-width: 100%;
}
.search-box-element .twitter-typeahead {
max-width: 100%;
}
.search-box-element input {
width: 300px;
max-width: 100%;
display: inline-block;
border-radius: 0px;
height: 30px;

24
static/css/pages/search.css
View file

@ -84,3 +84,27 @@
.search .search-results li .search-result-box {
padding: 6px;
}
@media screen and (max-width: 767px) {
.search {
padding: 0px;
}
.search .search-results {
padding-left: 12px;
}
.search .result-info-bar .info-span {
display: block;
float: none !important;
text-align: left;
margin-bottom: 10px;
}
.search .search-results li .star-icon {
color: #ffba6d;
font-size: 16px;
margin-left: 6px;
vertical-align: middle;
}
}