Fix some style errors in the create-epic lightbox

stable
David Barragán Merino 2016-08-31 12:32:58 +02:00
parent 7aa281c520
commit a5a87a48c7
3 changed files with 29 additions and 16 deletions

View File

@ -427,6 +427,7 @@
}, },
"CREATE": { "CREATE": {
"TITLE": "New Epic", "TITLE": "New Epic",
"PLACEHOLDER_DESCRIPTION": "Please add descriptive text to help others better understand this epic",
"TEAM_REQUIREMENT": "Team requirement", "TEAM_REQUIREMENT": "Team requirement",
"CLIENT_REQUIREMENT": "Client requirement", "CLIENT_REQUIREMENT": "Client requirement",
"BLOCKED": "Blocked", "BLOCKED": "Blocked",

View File

@ -5,21 +5,25 @@ tg-lightbox-close
form( form(
ng-submit="vm.createEpic()" ng-submit="vm.createEpic()"
) )
fieldset .subject-container
tg-color-selector( .color-selector
is-required="true" fieldset
init-color="vm.newEpic.color" tg-color-selector(
on-select-color="vm.selectColor(color)" is-required="true"
) init-color="vm.newEpic.color"
input.e2e-create-epic-subject( on-select-color="vm.selectColor(color)"
type="text" )
name="subject" .subject
ng-model="vm.newEpic.subject" fieldset
tg-auto-select input.e2e-create-epic-subject(
placeholder="{{'COMMON.FIELDS.SUBJECT' | translate}}" type="text"
data-required="true" name="subject"
data-maxlength="140" ng-model="vm.newEpic.subject"
) tg-auto-select
placeholder="{{'COMMON.FIELDS.SUBJECT' | translate}}"
data-required="true"
data-maxlength="140"
)
fieldset fieldset
select.e2e-create-epic-status( select.e2e-create-epic-status(
id="epic-status" id="epic-status"
@ -37,7 +41,7 @@ tg-lightbox-close
) )
fieldset fieldset
textarea.e2e-create-epic-description( textarea.e2e-create-epic-description(
ng-attr-placeholder="{{'COMMON.FIELDS.DESCRIPTION' | translate}}" ng-attr-placeholder="{{'EPICS.CREATE.PLACEHOLDER_DESCRIPTION' | translate}}"
ng-model="vm.newEpic.description" ng-model="vm.newEpic.description"
) )
fieldset fieldset

View File

@ -7,6 +7,14 @@
max-width: 700px; max-width: 700px;
width: 90%; width: 90%;
} }
.subject-container {
align-items: center;
display: flex;
.subject {
padding-left: 1rem;
width: 100%;
}
}
.attachments { .attachments {
margin-bottom: 0; margin-bottom: 0;
} }