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

Fix apps view for mobile

Browse source 
Fixes https://www.pivotaltracker.com/story/show/144543995
This commit is contained in:
Joseph Schorr 2017-05-08 16:55:47 -04:00
parent 43619b6745
commit c4e3a5e0a7
3 changed files with 11 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/css/directives/ui/cor-tabs.css
View file

@ -33,13 +33,7 @@
}
.horizontal .cor-tab-itself i.fa {
color: #666;
font-size: 14px;
color: #ccc;
}
.horizontal .cor-tab-itself.active i.fa {
color: #666;
display: none;
}
}

16
static/js/directives/ui/app-public-view/app-public-view.component.html
View file

@ -2,7 +2,7 @@
<div class="co-main-content-panel">
<div class="app-row">
<!-- Main panel -->
<div class="col-md-9 main-content">
<div class="col-md-9 col-sm-12 main-content">
<!-- App Header -->
<div class="app-header">
<a href="https://coreos.com/blog/quay-application-registry-for-kubernetes.html" class="hidden-xs hidden-sm" style="float: right; padding: 6px;" ng-safenewtab><i class="fa fa-info-circle" style="margin-right: 6px;"></i>Learn more about applications</a>
@ -43,11 +43,9 @@
<div ng-show="!$ctrl.repository.channels.length && $ctrl.repository.can_write">
<h3>No channels found for this application</h3>
<br>
<p>
<p class="hidden-xs">
To push a new channel (from within the Helm package directory and with the <a href="https://coreos.com/apps" ng-safenewtab>Helm registry plugin</a> installed):
<pre class="command">
helm registry push --namespace {{ $ctrl.repository.namespace }} --channel {channelName} {{ $ctrl.Config.SERVER_HOSTNAME }}
</pre>
<pre class="command hidden-xs">helm registry push --namespace {{ $ctrl.repository.namespace }} --channel {channelName} {{ $ctrl.Config.SERVER_HOSTNAME }}</pre>
</p>
</div>
@ -68,11 +66,9 @@
<div ng-show="!$ctrl.repository.releases.length && $ctrl.repository.can_write">
<h3>No releases found for this application</h3>
<br>
<p>
<p class="hidden-xs">
To push a new release (from within the Helm package directory and with the <a href="https://coreos.com/apps" ng-safenewtab>Helm registry plugin</a> installed):
<pre class="command">
helm registry push --namespace {{ $ctrl.repository.namespace }} {{ $ctrl.Config.SERVER_HOSTNAME }}
</pre>
<pre class="command hidden-xs">helm registry push --namespace {{ $ctrl.repository.namespace }} {{ $ctrl.Config.SERVER_HOSTNAME }}</pre>
</p>
</div>
@ -98,7 +94,7 @@
</div>
<!-- Side bar -->
<div class="col-md-3 side-bar">
<div class="col-md-3 hidden-xs hidden-sm side-bar">
<div>
<visibility-indicator repository="$ctrl.repository"></visibility-indicator>
</div>

7
static/js/directives/ui/cor-tabs/cor-tab-panel.component.ts
View file

@ -15,11 +15,12 @@ import { CorTabCurrentHandler, LocationCurrentTabHandler, CookieCurrentTabHandle
}
})
export class CorTabPanelComponent implements OnDestroy {
// If 'true', the currently selected tab will be remembered via a cookie and not the page URL.
// If supplied, the currently selected tab will be remembered via the named cookie and not
// the page URL.
@Input('@') public rememberCookie: string;
// If 'true', the tabs will be displayed vertically, as opposed to horizontally.
@Input('@') public verticalTabs: string;
@Input('<') public verticalTabs: boolean;
// The tabs under this tabs component.
private tabs: CorTabComponent[] = [];
@ -52,7 +53,7 @@ export class CorTabPanelComponent implements OnDestroy {
* isVertical returns true if the tabs in this panel are displayed vertically.
*/
public isVertical(): boolean {
return this.verticalTabs == 'true';
return this.verticalTabs;
}
public tabClicked(tab: CorTabComponent): void {