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 { .horizontal .cor-tab-itself i.fa {
color: #666; display: none;
font-size: 14px;
color: #ccc;
}
.horizontal .cor-tab-itself.active i.fa {
color: #666;
} }
} }

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="co-main-content-panel">
<div class="app-row"> <div class="app-row">
<!-- Main panel --> <!-- Main panel -->
<div class="col-md-9 main-content"> <div class="col-md-9 col-sm-12 main-content">
<!-- App Header --> <!-- App Header -->
<div class="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> <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"> <div ng-show="!$ctrl.repository.channels.length && $ctrl.repository.can_write">
<h3>No channels found for this application</h3> <h3>No channels found for this application</h3>
<br> <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): 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"> <pre class="command hidden-xs">helm registry push --namespace {{ $ctrl.repository.namespace }} --channel {channelName} {{ $ctrl.Config.SERVER_HOSTNAME }}</pre>
helm registry push --namespace {{ $ctrl.repository.namespace }} --channel {channelName} {{ $ctrl.Config.SERVER_HOSTNAME }}
</pre>
</p> </p>
</div> </div>
@ -68,11 +66,9 @@
<div ng-show="!$ctrl.repository.releases.length && $ctrl.repository.can_write"> <div ng-show="!$ctrl.repository.releases.length && $ctrl.repository.can_write">
<h3>No releases found for this application</h3> <h3>No releases found for this application</h3>
<br> <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): 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"> <pre class="command hidden-xs">helm registry push --namespace {{ $ctrl.repository.namespace }} {{ $ctrl.Config.SERVER_HOSTNAME }}</pre>
helm registry push --namespace {{ $ctrl.repository.namespace }} {{ $ctrl.Config.SERVER_HOSTNAME }}
</pre>
</p> </p>
</div> </div>
@ -98,7 +94,7 @@
</div> </div>
<!-- Side bar --> <!-- Side bar -->
<div class="col-md-3 side-bar"> <div class="col-md-3 hidden-xs hidden-sm side-bar">
<div> <div>
<visibility-indicator repository="$ctrl.repository"></visibility-indicator> <visibility-indicator repository="$ctrl.repository"></visibility-indicator>
</div> </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 { 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; @Input('@') public rememberCookie: string;
// If 'true', the tabs will be displayed vertically, as opposed to horizontally. // 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. // The tabs under this tabs component.
private tabs: CorTabComponent[] = []; private tabs: CorTabComponent[] = [];
@ -52,7 +53,7 @@ export class CorTabPanelComponent implements OnDestroy {
* isVertical returns true if the tabs in this panel are displayed vertically. * isVertical returns true if the tabs in this panel are displayed vertically.
*/ */
public isVertical(): boolean { public isVertical(): boolean {
return this.verticalTabs == 'true'; return this.verticalTabs;
} }
public tabClicked(tab: CorTabComponent): void { public tabClicked(tab: CorTabComponent): void {