diff --git a/static/css/quay.css b/static/css/quay.css index bc9175811..be51c55e1 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -2,11 +2,48 @@ font-family: 'Droid Sans', sans-serif; } +.description-overview { + padding: 4px; + font-size: 16px; +} + +.description-list { + margin: 10px; + padding: 0px; +} + +.description-list li:before { + content: "\00BB"; + margin-right: 6px; + font-size: 18px; +} + +.description-list li { + list-style-type: none; + margin: 0px; + padding: 6px; +} + +.info-icon { + display: inline-block; + float: right; + vertical-align: middle; + font-size: 20px; +} + .accordion-toggle { cursor: pointer; text-decoration: none !important; } +.user-guide h3 { + margin-bottom: 20px; +} + +.user-guide h3 .label { + float: right; +} + .plans .callout { font-size: 2em; text-align: center; @@ -441,7 +478,8 @@ p.editable:hover i { } .repo dl.dl-horizontal dt { - width: 60px; + width: 80px; + padding-right: 10px; } .repo dl.dl-horizontal dd { @@ -485,18 +523,21 @@ p.editable:hover i { color: white; } -.repo #clipboardCopied { +.repo #clipboardCopied.hovering { position: absolute; right: 0px; top: 40px; +} +.repo #clipboardCopied { font-size: 0.8em; + display: inline-block; + margin-right: 10px; background: black; color: white; padding: 6px; border-radius: 4px; - -webkit-animation: fadeOut 4s ease-in-out 0s 1 forwards; -moz-animation: fadeOut 4s ease-in-out 0s 1 forwards; @@ -557,6 +598,18 @@ p.editable:hover i { padding-left: 36px; } +.repo-admin .token-dialog-body .well { + margin-bottom: 0px; +} + +.repo-admin .token-view { + background: transparent; + display: block; + border: 0px transparent; + font-size: 12px; + width: 100%; +} + .repo-admin .panel { display: inline-block; width: 620px; @@ -571,6 +624,10 @@ p.editable:hover i { min-width: 300px; } +.repo-admin .token a { + cursor: pointer; +} + .repo .description p { margin-bottom: 6px; } diff --git a/static/js/controllers.js b/static/js/controllers.js index d6765a309..357dc6687 100644 --- a/static/js/controllers.js +++ b/static/js/controllers.js @@ -1,3 +1,17 @@ +$.fn.clipboardCopy = function() { + var clip = new ZeroClipboard($(this), { 'moviePath': 'static/lib/ZeroClipboard.swf' }); + clip.on('complete', function() { + // Resets the animation. + var elem = $('#clipboardCopied')[0]; + elem.style.display = 'none'; + + // Show the notification. + setTimeout(function() { + elem.style.display = 'inline-block'; + }, 1); + }); +}; + function getFirstTextLine(commentString) { if (!commentString) { return; } @@ -354,18 +368,7 @@ function RepoCtrl($scope, Restangular, $routeParams, $rootScope) { $scope.currentTag = repo.tags[tag] || repo.tags['latest']; $scope.setImage($scope.currentTag.image); - var clip = new ZeroClipboard($('#copyClipboard'), { 'moviePath': 'static/lib/ZeroClipboard.swf' }); - clip.on('complete', function() { - // Resets the animation. - var elem = $('#clipboardCopied')[0]; - elem.style.display = 'none'; - - // Show the notification. - setTimeout(function() { - elem.style.display = 'block'; - }, 1); - }); - + $('#copyClipboard').clipboardCopy(); $scope.loading = false; }, function() { $scope.repo = null; @@ -378,6 +381,13 @@ function RepoCtrl($scope, Restangular, $routeParams, $rootScope) { } function RepoAdminCtrl($scope, Restangular, $routeParams, $rootScope) { + $('.info-icon').popover({ + 'trigger': 'hover', + 'html': true + }); + + $('#copyClipboard').clipboardCopy(); + var namespace = $routeParams.namespace; var name = $routeParams.name; diff --git a/static/partials/guide.html b/static/partials/guide.html index 5ee657c1d..00d773304 100644 --- a/static/partials/guide.html +++ b/static/partials/guide.html @@ -1,10 +1,20 @@
docker pull quay.io/username/repo_name+
docker tag 0u123imageid quay.io/username/repo_name@@ -14,12 +24,40 @@
docker pull quay.io/username/repo_name+
Token | +Token Description | Permissions | |
+ | {{ token.friendlyName }} | @@ -93,7 +99,7 @@||