taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Us custom fields

stable
Xavier Julián 2015-02-02 08:29:54 +01:00 committed by David Barragán Merino
parent e2696d090e
commit 0f4168f68c
3 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/partials/admin/admin-project-values-us-extras.jade
View File

@ -11,8 +11,8 @@ div.wrapper(tg-project-values, ng-controller="ProjectValuesController as ctrl",
include ../includes/components/mainTitle
p.admin-subtitle Specify here user story custom fields. The new field will appear on your user story detail.
div.webhooks-options
a.button.button-green.hidden.add-custom-us(href="",title="Add a custom field in user stories") Add custom field
div.custom-field-options
a.button.button-green.add-custom-field(href="",title="Add a custom field in user stories") Add custom field
include ../includes/modules/admin/admin-us-extras

6
app/partials/includes/modules/admin/admin-us-extras.jade
View File

@ -6,13 +6,13 @@ section.custom-fields-table.basic-table
div.custom-options
div.table-body
div.row.single-custom-field
div.custom-name Name
div.custom-description Description
div.custom-name Custom field name
div.custom-description Custom field looong Description
div.custom-options
div.custom-options-wrapper
a.edit-webhook.icon.icon-edit(href="", title="Edit Custom Field")
a.delete-webhook.icon.icon-delete(href="", title="Delete Custom Field")
form.row
form.row.single-custom-field
fieldset.custom-name
input(type="text", placeholder="Set your custom field name")
fieldset.custom-description

31
app/styles/modules/admin/admin-custom-fields.scss
View File

@ -1,3 +1,8 @@
.custom-field-options {
margin-bottom: 1rem;
text-align: right;
}
.custom-fields-table {
.row {
border-bottom: 0;
@ -23,18 +28,38 @@
margin-right: .5rem;
}
.custom-name {
flex-grow: 1;
flex-basis: 25%;
flex-shrink: 0;
}
.custom-description {
flex-grow: 2;
@include ellipsis(100%);
flex-basis: 90%;
flex-grow: 8;
}
.custom-options {
flex-basis: 200px;
flex-basis: 100px;
flex-grow: 0;
flex-shrink: 0;
text-align: center;
a {
color: $gray-light;
margin-right: 0.5rem;
transition: color .2s linear;
vertical-align: middle;
&:hover {
color: $green-taiga;
transition: color .2s linear;
}
}
}
.custom-options-wrapper {
opacity: 0;
transition: opacity .3s linear;
}
form {
.custom-options-wrapper {
opacity: 1;
}
}
}