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

Import project style fixes

stable
xaviju 2017-03-08 09:04:41 +01:00
parent b8b1dd1fde
commit 9ec8c4fba2
5 changed files with 46 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/modules/projects/create/create-project-form/create-project-form.jade
View File

@ -1,15 +1,15 @@
.create-project
h1.create-project-title(ng-if="vm.type == 'scrum'")
.create-project-title-wrapper(ng-if="vm.type == 'scrum'")
tg-svg(svg-icon="icon-scrum")
span(translate="PROJECT.CREATE.TEMPLATE_SCRUM")
h1.create-project-title(translate="PROJECT.CREATE.TEMPLATE_SCRUM")
h3.create-project-description(
ng-if="vm.type == 'scrum'"
translate="PROJECT.CREATE.TEMPLATE_SCRUM_DESC"
)
h1.create-project-title(ng-if="vm.type == 'kanban'")
.create-project-title-wrapper(ng-if="vm.type == 'kanban'")
tg-svg(svg-icon="icon-kanban")
span(translate="PROJECT.CREATE.TEMPLATE_KANBAN")
h1.create-project-title(translate="PROJECT.CREATE.TEMPLATE_KANBAN")
h3.create-project-description(
ng-if="vm.type == 'kanban'"
translate="PROJECT.CREATE.TEMPLATE_KANBAN_DESC"

5
app/modules/projects/create/import-taiga/import-taiga.jade
View File

@ -8,8 +8,5 @@ input.hidden(
alt="Taiga Logo"
)
.import-project-name-wrapper
p.import-project-name(
href="#"
title="Taiga"
) Taiga
span.import-project-name Taiga
p.import-project-description(translate="PROJECT.IMPORT.TAIGA.SELECTOR")

3
app/modules/projects/create/import/import-project.controller.coffee
View File

@ -110,4 +110,7 @@ class ImportProjectController
cancelCurrentImport: () ->
@location.url(@tgNavUrls.resolve('create-project-import'))
backToCreate: () ->
@location.url(@tgNavUrls.resolve('create-project'))
angular.module("taigaProjects").controller("ImportProjectCtrl", ImportProjectController)

47
app/modules/projects/create/import/import-project.jade
View File

@ -3,20 +3,20 @@
ul.import-project-from
li.import-project-from-site(
tg-click-input-file,
tg-click-input-file
tg-import-taiga
)
li.import-project-from-site(ng-click="vm.unfoldOptions('jira')", ng-if="vm.isActiveImporter('jira')")
li.import-project-from-site(
ng-click="vm.unfoldOptions('jira')"
ng-if="vm.isActiveImporter('jira')"
)
.import-project-logo
img(
src="/#{v}/images/import-logos/jira.png"
alt="Jira Logo"
)
.import-project-name-wrapper
a.import-project-name(
href="#"
title="Jira"
) Jira
span.import-project-name Jira
p.import-project-description(translate="PROJECT.IMPORT.JIRA.SELECTOR")
fieldset.import-project-url(ng-if="vm.unfoldedOptions == 'jira'")
label(
@ -33,46 +33,47 @@
title="{{'PROJECT.IMPORT.ACCEEDE' | translate}}"
translate="PROJECT.IMPORT.ACCEEDE"
)
li.import-project-from-site(ng-click="vm.select('github')", ng-if="vm.isActiveImporter('github')")
li.import-project-from-site(
ng-click="vm.select('github')"
ng-if="vm.isActiveImporter('github')"
)
.import-project-logo
img(
src="/#{v}/images/import-logos/github.png"
alt="Github Logo"
)
.import-project-name-wrapper
a.import-project-name(
href="#"
title="Github"
) Github
span.import-project-name Github
p.import-project-description(translate="PROJECT.IMPORT.GITHUB.SELECTOR")
li.import-project-from-site(ng-click="vm.select('trello')", ng-if="vm.isActiveImporter('trello')")
li.import-project-from-site(
ng-click="vm.select('trello')"
ng-if="vm.isActiveImporter('trello')"
)
.import-project-logo
img(
src="/#{v}/images/import-logos/trello.png"
alt="Trello Logo"
)
.import-project-name-wrapper
a.import-project-name(
href="#"
title="Trello"
) Trello
span.import-project-name Trello
p.import-project-description(translate="PROJECT.IMPORT.TRELLO.SELECTOR")
li.import-project-from-site(ng-click="vm.select('asana')", ng-if="vm.isActiveImporter('asana')")
li.import-project-from-site(
ng-click="vm.select('asana')"
ng-if="vm.isActiveImporter('asana')"
)
.import-project-logo
img(
src="/#{v}/images/import-logos/asana.png"
alt="Asana Logo"
)
.import-project-name-wrapper
a.import-project-name(
href="#"
title="Asana"
) Asana
span.import-project-name Asana
p.import-project-description(translate="PROJECT.IMPORT.ASANA.SELECTOR")
.create-project-action
a.trans-button.create-project-action-back(
tg-nav="create-project",
button.trans-button.create-project-action-cancel(
type="button"
ng-click="vm.backToCreate()"
title="{{'PROJECT.CREATE.BACK' | translate}}"
translate="PROJECT.CREATE.BACK"
)

23
app/styles/dependencies/mixins/create.scss
View File

@ -36,28 +36,28 @@
}
}
&-description,
&-title {
text-align: center;
}
&-title {
&-title-wrapper {
align-items: center;
display: flex;
justify-content: center;
margin-bottom: 0;
tg-svg {
display: flex;
.create-project-title {
display: inline-block;
}
.icon {
@include svg-size(1.5rem);
@include svg-size(1.75rem);
margin-right: .5rem;
vertical-align: middle;
}
}
&-title,
&-description {
margin: 0;
text-align: center;
}
&-description {
color: $gray-light;
margin-bottom: 2rem;
@ -115,6 +115,9 @@
display: flex;
justify-content: center;
position: relative;
&:hover {
color: currentColor;
}
}
li {
&:hover {