diff --git a/app/locales/taiga/locale-en.json b/app/locales/taiga/locale-en.json index cd73c545..38a18a64 100644 --- a/app/locales/taiga/locale-en.json +++ b/app/locales/taiga/locale-en.json @@ -427,6 +427,7 @@ }, "CREATE": { "TITLE": "New Epic", + "PLACEHOLDER_DESCRIPTION": "Please add descriptive text to help others better understand this epic", "TEAM_REQUIREMENT": "Team requirement", "CLIENT_REQUIREMENT": "Client requirement", "BLOCKED": "Blocked", diff --git a/app/modules/epics/create-epic/create-epic.jade b/app/modules/epics/create-epic/create-epic.jade index 29d3ac17..da51d342 100644 --- a/app/modules/epics/create-epic/create-epic.jade +++ b/app/modules/epics/create-epic/create-epic.jade @@ -5,21 +5,25 @@ tg-lightbox-close form( ng-submit="vm.createEpic()" ) - fieldset - tg-color-selector( - is-required="true" - init-color="vm.newEpic.color" - on-select-color="vm.selectColor(color)" - ) - input.e2e-create-epic-subject( - type="text" - name="subject" - ng-model="vm.newEpic.subject" - tg-auto-select - placeholder="{{'COMMON.FIELDS.SUBJECT' | translate}}" - data-required="true" - data-maxlength="140" - ) + .subject-container + .color-selector + fieldset + tg-color-selector( + is-required="true" + init-color="vm.newEpic.color" + on-select-color="vm.selectColor(color)" + ) + .subject + fieldset + input.e2e-create-epic-subject( + type="text" + name="subject" + ng-model="vm.newEpic.subject" + tg-auto-select + placeholder="{{'COMMON.FIELDS.SUBJECT' | translate}}" + data-required="true" + data-maxlength="140" + ) fieldset select.e2e-create-epic-status( id="epic-status" @@ -37,7 +41,7 @@ tg-lightbox-close ) fieldset 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" ) fieldset diff --git a/app/modules/epics/create-epic/create-epic.scss b/app/modules/epics/create-epic/create-epic.scss index ad2090c4..e778e047 100644 --- a/app/modules/epics/create-epic/create-epic.scss +++ b/app/modules/epics/create-epic/create-epic.scss @@ -7,6 +7,14 @@ max-width: 700px; width: 90%; } + .subject-container { + align-items: center; + display: flex; + .subject { + padding-left: 1rem; + width: 100%; + } + } .attachments { margin-bottom: 0; }