Labels in admin-project-profile

stable
Xavier Julián 2014-07-21 11:52:53 +02:00
parent 7da22c5c95
commit c5d65acc1a
2 changed files with 25 additions and 13 deletions

View File

@ -18,21 +18,26 @@ block content
form form
fieldset fieldset
input(type="text", placeholder="Name", ng-model="project.name") label(for="project-name") Project Name
input(type="text", placeholder="Project name", id="project-name" ng-model="project.name")
fieldset fieldset
input(type="text", placeholder="Slug", ng-model="project.slug") label(for="project-slug") Project Slug
input(type="text", placeholder="Slug", id="project-slug", ng-model="project.slug")
fieldset.half fieldset
label(for="project-sprints") Number of sprints
input(type="text", placeholder="Number of sprints", input(type="text", placeholder="Number of sprints",
ng-model="project.total_milestones") ng-model="project.total_milestones", id="project-sprints")
fieldset.half
input(type="text", placeholder="Number of US points",
ng-model="project.total_story_points")
fieldset fieldset
textarea(placeholder="Description", ng-model="project.description") label(for="total-story-points") Number of US points
input(type="text", placeholder="Number of US points",
ng-model="project.total_story_points", id="total-story-points")
fieldset
label(for="project-description") Description
textarea(placeholder="Description", ng-model="project.description", id="project-description")
input(type="submit", class="hidden") input(type="submit", class="hidden")
a.button.button-green(href="") Save a.button.button-green(href="") Save

View File

@ -5,17 +5,24 @@
background-color: $very-light-gray; background-color: $very-light-gray;
} }
fieldset { fieldset {
@include table-flex();
margin-bottom: 1rem; margin-bottom: 1rem;
} }
label {
@extend %title;
display: block;
margin-bottom: .5rem;
}
input[type="text"] {
width: 50%;
}
textarea { textarea {
height: 10rem; height: 10rem;
} }
.button-green { .button-green {
color: $white;
display: block; display: block;
padding: 12px; padding: 12px;
text-align: center; text-align: center;
} }
.half {
width: 45%;
}
} }