Fix padding on page views: the container class interacts oddly now with the new bootstrap

This commit is contained in:
Joseph Schorr 2015-02-18 14:37:59 -05:00
parent f7615b2e96
commit 9d91226cff
28 changed files with 50 additions and 41 deletions

View file

@ -712,4 +712,9 @@
.rickshaw_graph {
overflow: hidden;
padding-bottom: 40px;
}
.cor-container {
padding-left: 15px;
padding-right: 15px;
}

View file

@ -1417,6 +1417,10 @@ i.toggle-icon:hover {
background: transparent;
}
.jumbotron p {
font-size: 100%;
}
.jumbotron .disclaimer-link {
font-size: .3em;
vertical-align: 23px;

View file

@ -1,4 +1,4 @@
<div class="container about-us">
<div class="cor-container about-us">
<h2>
About Us
</h2>

View file

@ -1,8 +1,8 @@
<div class="resource-view" resource="repository_build" error-message="'No matching repository build found'"></div>
<div class="container repo repo-build" ng-show="accessDenied">
<div class="cor-container repo repo-build" ng-show="accessDenied">
You do not have permission to view this page
</div>
<div class="container repo repo-build repo-build-pack" ng-show="repobuild">
<div class="cor-container repo repo-build repo-build-pack" ng-show="repobuild">
<div class="header row">
<a href="{{ '/repository/' + repo.namespace + '/' + repo.name + '/build' }}" class="back"><i class="fa fa-chevron-left"></i></a>
<h3>

View file

@ -1,5 +1,5 @@
<div class="confirm-invite">
<div class="container signin-container">
<div class="cor-container signin-container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<div class="user-setup" ng-show="user.anonymous" redirect-url="redirectUrl"

View file

@ -1,4 +1,4 @@
<div class="container">
<div class="cor-container">
<h2>
Contact Us<br>
<small>We are here to help!</small>

View file

@ -1,4 +1,4 @@
<div class="container">
<div class="cor-container">
<h3>Redirecting...</h3>
<META http-equiv="refresh" content="0;URL=http://docs.quay.io/solution/getting-started.html">
If this page does not redirect, please <a href="http://docs.quay.io/solution/getting-started.html"> click here</a>.

View file

@ -1,5 +1,5 @@
<div class="resource-view" resource="image" error-message="'No image found'">
<div class="container repo repo-image-view">
<div class="cor-container repo repo-image-view">
<div class="header">
<a href="{{ '/repository/' + repo.namespace + '/' + repo.name }}" class="back"><i class="fa fa-chevron-left"></i></a>
<h3>

View file

@ -2,7 +2,7 @@
<div class="landing-background" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
<div class="landing-filter" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
<div class="landing-content">
<div class="container">
<div class="cor-container">
<div class="row messages">
<div class="col-md-7">
<div ng-show="user.anonymous" style="text-align: center">
@ -54,6 +54,6 @@
</div>
</div> <!-- col -->
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- cor-container -->
</div>
</div> <!-- jumbotron -->

View file

@ -13,7 +13,7 @@
<div class="landing-background" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
<div class="landing-filter" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
<div class="landing-content">
<div class="container">
<div class="cor-container">
<div class="row messages">
<div class="col-md-7">
<div ng-show="user.anonymous">
@ -70,7 +70,7 @@
<div class="rows" ng-show="user.anonymous">
<div class=" shoutout-row landing-section">
<div class="container">
<div class="cor-container">
<div class="row">
<div class="col-md-4 shoutout">
<i class="fa fa-lock"></i>
@ -105,7 +105,7 @@
<div class=" landing-section">
<h2>Trusted by companies who use Docker</h2>
<div class="container">
<div class="cor-container">
<div class="row">
<div class="trusted-logos">
<div class="col-md-3 trusted-logo">
@ -127,7 +127,7 @@
<div class="landing-section">
<h2>Built with our users in mind</h2>
<div class="container">
<div class="cor-container">
<div class="row">
<div class="col-lg-8 feature-shoutout">
<img id="screenshot" ng-src="{{ '/static/img/' + currentScreenshot + '.png' }}" class="img-responsive">
@ -171,7 +171,7 @@
<div class="landing-section">
<h2>Seamlessly integrate into your Docker-based infrastructure</h2>
<div class="container">
<div class="cor-container">
<div class="row testimonial">
<div class="message">
Quay.io has become an essential part of our infrastructure as we move to Docker-based deploys.
@ -192,7 +192,7 @@
<div class="landing-section">
<h2>See what other people are saying about Quay.io</h2>
<div class="container">
<div class="cor-container">
<div class="row">
<div class="jcarousel-wrapper">
<div class="jcarousel">
@ -263,7 +263,7 @@
<div class="landing-section">
<h2>Start pushing to Quay.io in under a minute</h2>
<div class="container">
<div class="cor-container">
<div class="row landing-action">
<a href="/plans" class="btn btn-primary">Start Free Trial</a>
</div>
@ -272,7 +272,7 @@
</div>
<div class="container" ng-if="user.anonymous">
<div class="cor-container" ng-if="user.anonymous">
<div class="row">
<div style="border-top: 1px solid #eee; padding-top: 20px;" class="col-md-12">
<a href="https://mixpanel.com/f/partner"><img src="//cdn.mxpnl.com/site_media/images/partner/badge_light.png" alt="Mobile Analytics" /></a>

View file

@ -2,7 +2,7 @@
</div>
<div ng-show="application">
<div class="container manage-application">
<div class="cor-container manage-application">
<!-- Header -->
<div class="row">
<div class="col-md-12">

View file

@ -2,7 +2,7 @@
<div class="quay-spinner"></div>
</div>
<div class="container create-org" ng-show="!creating">
<div class="cor-container create-org" ng-show="!creating">
<div class="row header-row">
<div class="col-md-12">

View file

@ -1,18 +1,18 @@
<div class="container" ng-show="user.anonymous">
<div class="cor-container" ng-show="user.anonymous">
<div class="col-sm-6 col-sm-offset-3">
<div class="user-setup" redirect-url="'/new/'"></div>
</div>
</div>
<div class="container" ng-show="!user.anonymous && building">
<div class="cor-container" ng-show="!user.anonymous && building">
<div class="quay-spinner"></div>
</div>
<div class="container" ng-show="!user.anonymous && creating">
<div class="cor-container" ng-show="!user.anonymous && creating">
<div class="quay-spinner"></div>
</div>
<div class="container new-repo" ng-show="!user.anonymous && !creating && !building">
<div class="cor-container new-repo" ng-show="!user.anonymous && !creating && !building">
<form method="post" name="newRepoForm" id="newRepoForm" ng-submit="createNewRepo()">
<!-- Header -->

View file

@ -1,5 +1,5 @@
<div class="resource-view" resource="orgResource" error-message="'No organization found'"></div>
<div class="org-admin container" ng-show="organization">
<div class="org-admin cor-container" ng-show="organization">
<div class="organization-header" organization="organization" clickable="true"></div>
<div class="row">

View file

@ -1,5 +1,5 @@
<div class="resource-view" resource="memberResource" error-message="'Member not found'">
<div class="org-member-logs container">
<div class="org-member-logs cor-container">
<div class="organization-header" organization="organization" clickable="true"></div>
<div class="logs-view" organization="organization" performer="memberInfo"
makevisible="organization && memberInfo && ready"></div>

View file

@ -1,5 +1,5 @@
<div class="resource-view" resource="orgResource" error-message="'No matching organization found'">
<div class="org-view container">
<div class="org-view cor-container">
<div class="organization-header" organization="organization">
<div class="header-buttons" ng-show="organization.is_admin">

View file

@ -1,4 +1,4 @@
<div class="container org-list conntent-container">
<div class="cor-container org-list conntent-container">
<div class="loading" ng-show="!user">
<div class="quay-spinner"></div>
</div>

View file

@ -1,4 +1,4 @@
<div class="container plans content-container">
<div class="cor-container plans content-container">
<div class="row plans-list">
<div class="col-sm-2">
<div class="features-bar hidden-xs">

View file

@ -1,9 +1,9 @@
<div class="container" ng-show="deleting"><div class="quay-spinner"></div></div>
<div class="cor-container" ng-show="deleting"><div class="quay-spinner"></div></div>
<div class="resource-view" resource="repository" error-message="'No repository found'"></div>
<div class="container repo repo-admin" ng-show="accessDenied">
<div class="cor-container repo repo-admin" ng-show="accessDenied">
You do not have permission to view this page
</div>
<div class="container repo repo-admin" ng-show="repo && !deleting">
<div class="cor-container repo repo-admin" ng-show="repo && !deleting">
<div class="header row">
<a href="{{ '/repository/' + repo.namespace + '/' + repo.name }}" class="back"><i class="fa fa-chevron-left"></i></a>
<h3>

View file

@ -1,8 +1,8 @@
<div class="resource-view" resource="repository" error-message="'No repository found'"></div>
<div class="container repo repo-build" ng-show="accessDenied">
<div class="cor-container repo repo-build" ng-show="accessDenied">
You do not have permission to view this page
</div>
<div class="container repo repo-build" ng-show="repo">
<div class="cor-container repo repo-build" ng-show="repo">
<div class="header row">
<a href="{{ '/repository/' + repo.namespace + '/' + repo.name }}" class="back"><i class="fa fa-chevron-left"></i></a>
<h3>

View file

@ -1,4 +1,4 @@
<div class="container">
<div class="cor-container">
<div class="repo-list" ng-show="!user.anonymous">
<div ng-class="user.organizations.length ? 'section-header' : ''">
<div class="button-bar-right">

View file

@ -1,4 +1,4 @@
<div class="container">
<div class="cor-container">
<div class="row">
<div class="col-md-12">
<h1>Quay.io Security</h1>

View file

@ -1,4 +1,4 @@
<div class="container signin-container">
<div class="cor-container signin-container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<div class="user-setup" redirect-url="redirectUrl"></div>

View file

@ -1,5 +1,5 @@
<div class="resource-view" resource="orgResource" error-message="'No matching organization'">
<div class="team-view container">
<div class="team-view cor-container">
<div class="organization-header" organization="organization" team-name="teamname">
<div ng-show="canEditMembers" class="side-controls">
<div class="hidden-xs">

View file

@ -6,6 +6,6 @@
</ul>
</div>
<div class="container">
<div class="cor-container">
<div class="tour-content" kind="kind"></div>
</div>

View file

@ -1,3 +1,3 @@
<div class="container">
<div class="cor-container">
<div class="angular-tour-ui" tour="tour" inline="true"></div>
</div>

View file

@ -6,7 +6,7 @@
No matching user found
</div>
<div class="user-admin container" ng-show="!user.anonymous">
<div class="user-admin cor-container" ng-show="!user.anonymous">
<div class="row">
<div class="organization-header-element">
<span class="avatar" size="24" hash="user.avatar"></span>

View file

@ -1,4 +1,4 @@
<div class="container">
<div class="cor-container">
<div ng-show="!user.anonymous && user.verified">
<h3>Welcome <b>{{ user.username }}</b>. Your account is fully activated!</h3>