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

Add Explore tab and query-less searching

Browse source 
Allows for exploration of all visible repositories, in paginated form.

This change also fixes the layout of the header on different viewport sizes to be consistently a single line in height.

Fixes https://jira.coreos.com/browse/QS-63
This commit is contained in:
Joseph Schorr 2017-11-28 16:50:23 +02:00
parent c7e439f593
commit 2ced523313
7 changed files with 39 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

18
static/css/directives/ui/header-bar.css
View file

@ -116,4 +116,22 @@ nav.navbar-default .navbar-nav>li>a.active {
margin-top: -6px;
display: inline-block;
margin-bottom: 6px;
}
@media (max-width: 960px) {
.header-bar-element .navbar-anon .search-box-element input {
width: 200px;
}
}
@media (max-width: 860px) {
.header-bar-element .navbar-anon .search-box-element input {
width: 150px;
}
}
@media (max-width: 1150px) {
.header-bar-element .navbar-signedin search-box {
display: none;
}
}

16
static/directives/header-bar.html
View file

@ -16,20 +16,18 @@
<div class="collapse navbar-collapse navbar-ex1-collapse">
<!-- Not signed in -->
<ul class="nav navbar-nav navbar-links" ng-if="user.anonymous">
<li ng-if="searchingAllowed"><a ng-href="/search" quay-section="search">Explore</a></li>
<li><a ng-href="/tour/" quay-section="tour">Tour</a></li>
<li><a ng-href="/tutorial/" quay-section="tutorial">Tutorial</a></li>
<li quay-require="['BILLING']"><a ng-href="/plans/" quay-section="plans">Pricing</a></li>
<li><a href="https://docs.quay.io/" ng-safenewtab>Docs</a></li>
<li quay-require="['BILLING']"><a href="https://blog.quay.io/" ng-safenewtab>Blog</a></li>
</ul>
<!-- Signed in -->
<ul class="nav navbar-nav navbar-links" ng-if="!user.anonymous">
<li ng-if="searchingAllowed"><a ng-href="/search" quay-section="search">Explore</a></li>
<li quay-require="['APP_REGISTRY']"><a ng-href="/application/" quay-section="application">Applications</a></li>
<li><a ng-href="/repository/" quay-section="repository">Repositories</a></li>
<li><a ng-href="/tutorial/" quay-section="tutorial">Tutorial</a></li>
<li><a href="https://docs.quay.io/" ng-safenewtab>Docs</a></li>
<li quay-require="['BILLING']"><a href="https://blog.quay.io/" ng-safenewtab>Blog</a></li>
</ul>
<!-- Phone -->
@ -50,12 +48,13 @@
<!-- Normal -->
<ul class="nav navbar-nav navbar-right hidden-xs" ng-switch on="user.anonymous">
<li>
<span class="navbar-left user-tools hidden-sm">
<span class="navbar-left user-tools"
ng-class="{'navbar-anon': user.anonymous, 'navbar-signedin': !user.anonymous}">
<search-box ng-if="searchingAllowed"></search-box>
</span>
</li>
<li>
<span class="navbar-left user-tools with-menu" ng-show="!user.anonymous">
<span class="navbar-left user-tools with-menu hidden-sm" ng-show="!user.anonymous">
<span class="dropdown">
<a class="dropdown-toggle new-menu" data-toggle="dropdown">
<i class="fa fa-plus user-tool"
@ -107,7 +106,7 @@
</li>
<li>
<span class="navbar-left user-tools" ng-show="!user.anonymous">
<span class="navbar-left user-tools hidden-sm" ng-show="!user.anonymous">
<a data-template="/static/directives/notification-bar.html"
data-container="body" data-animation="am-slide-right" bs-aside>
<i class="fa fa-bell user-tool"
@ -139,9 +138,6 @@
</li>
</ul>
</div><!-- /.navbar-collapse -->
<div class="visible-sm block-search" ng-if="searchingAllowed">
<search-box></search-box>
</div>
</div>
<div class="create-robot-dialog" info="createRobotInfo"