Get the new repo page ready for wiring

This commit is contained in:
Joseph Schorr 2013-10-24 18:13:24 -04:00
parent 1d51618c9d
commit 2afb8c85b1
3 changed files with 41 additions and 7 deletions

View file

@ -2,6 +2,18 @@
font-family: 'Droid Sans', sans-serif;
}
.user-tools .user-tool {
font-size: 24px;
margin-top: 14px;
color: black;
}
.user-tools i.user-tool:hover {
cursor: pointer;
color: #428bca;
}
.repo-circle {
position: relative;
background: #eee;
@ -134,6 +146,24 @@
margin: 10px;
}
.new-repo .initialize-repo {
margin: 10px;
margin-top: 16px;
margin-left: 20px;
padding: 10px;
border: 1px dashed #ccc;
}
.new-repo .initialize-repo .init-description {
color: #444;
font-size: 12px;
text-align: center;
}
.new-repo .initialize-repo .file-drop {
margin: 10px;
}
.user-guide h3 {
margin-bottom: 20px;
}

View file

@ -27,8 +27,8 @@
</div>
</form>
<span class="navbar-left" ng-show="!user.anonymous">
<i class="icon-plus-circle"></i>
<span class="navbar-left user-tools" ng-show="!user.anonymous">
<a href="/new/"><i class="fa fa-upload user-tool" title="Create new repository"></i></a>
</span>
<li class="dropdown" ng-switch-when="false">

View file

@ -16,7 +16,7 @@
<strong>Description:</strong><br>
<p class="description lead editable" ng-click="editDescription()">
<span class="content" ng-bind-html-unsafe="getMarkedDown(repo.description)"></span>
<i class="icon-edit"></i>
<i class="fa fa-edit"></i>
</p>
</div>
</div>
@ -29,7 +29,7 @@
<div class="section">
<div class="repo-option">
<input type="radio" id="publicrepo" name="publicorprivate" ng-model="repo.is_public" value="1">
<i class="icon-unlock icon-large" title="Public Repository"></i>
<i class="fa fa-unlock fa-large" title="Public Repository"></i>
<div class="option-description">
<label for="publicrepo">Public</label>
@ -38,7 +38,7 @@
</div>
<div class="repo-option">
<input type="radio" id="privaterepo" name="publicorprivate" ng-model="repo.is_public" value="0">
<i class="icon-lock icon-large" title="Private Repository"></i>
<i class="fa fa-lock fa-large" title="Private Repository"></i>
<div class="option-description">
<label for="privaterepo">Private</label>
@ -60,8 +60,12 @@
<span class="description-text">Automatically populate your repository with a new image constructed from a Dockerfile</span>
</div>
<div ng-show="repo.initialize">
Initialize
<div class="initialize-repo" ng-show="repo.initialize">
<div class="init-description">
Upload a Dockerfile or a zip file containing a Dockerfile <b>in the root directory</b>
</div>
<input class="file-drop" type="file">
</div>
</div>
</div>