diff --git a/app/partials/common/lightbox/lightbox-import-error.jade b/app/partials/common/lightbox/lightbox-import-error.jade index a715445d..36273ea6 100644 --- a/app/partials/common/lightbox/lightbox-import-error.jade +++ b/app/partials/common/lightbox/lightbox-import-error.jade @@ -1,44 +1,97 @@ -a.close(href="", title="{{'COMMON.CLOSE' | translate}}") +a.close( + href="" + title="{{'COMMON.CLOSE' | translate}}" +) svg.icon.icon-close use(xlink:href="#icon-close") -.content - div(ng-switch="key") - div(ng-switch-when="private-space") - img(width="80", src="/#{v}/svg/icons/project-limit.svg") +.content(ng-switch="key") + .private-space(ng-switch-when="private-space") + img( + src="/#{v}/svg/icons/project-limit.svg" + ) - h2.title(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_SPACE.TITLE", translate-values="{{values}}") - p(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_SPACE.DESC", translate-values="{{values}}") + h2.title( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_SPACE.TITLE" + translate-values="{{values}}" + ) + p.description( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_SPACE.DESC" + translate-values="{{values}}" + ) - div(ng-switch-when="private-members") - img(width="80", src="/#{v}/svg/icons/block-user.svg") + div(ng-switch-when="private-members") + img( + src="/#{v}/svg/icons/block-user.svg" + ) - h2.title(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_MEMBERS.TITLE", translate-values="{{values}}") - p(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PROJECT_MEMBERS_DESC", translate-values="{{values}}") + h2.title( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_MEMBERS.TITLE" + translate-values="{{values}}" + ) + p.description( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PROJECT_MEMBERS_DESC" + translate-values="{{values}}" + ) - div(ng-switch-when="private-space-members") - img(width="180", src="/#{v}/svg/icons/multi-block-project.svg") + div(ng-switch-when="private-space-members") + img( + src="/#{v}/svg/icons/multi-block-project.svg" + ) - h2.title(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_SPACE_MEMBERS.TITLE", translate-values="{{values}}") - p(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_SPACE_MEMBERS.DESC", translate-values="{{values}}") + h2.title( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_SPACE_MEMBERS.TITLE" + translate-values="{{values}}" + ) + p.description( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PRIVATE_PROJECTS_SPACE_MEMBERS.DESC" + translate-values="{{values}}" + ) - div(ng-switch-when="public-space") - img(width="80", src="/#{v}/svg/icons/project-limit.svg") + div(ng-switch-when="public-space") + img( + src="/#{v}/svg/icons/project-limit.svg" + ) - h2.title(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_SPACE.TITLE", translate-values="{{values}}") - p(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_SPACE.DESC", translate-values="{{values}}") + h2.title( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_SPACE.TITLE" + translate-values="{{values}}" + ) + p.description( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_SPACE.DESC" + translate-values="{{values}}" + ) - div(ng-switch-when="public-members") - img(width="80", src="/#{v}/svg/icons/block-user.svg") + div(ng-switch-when="public-members") + img( + src="/#{v}/svg/icons/block-user.svg" + ) - h2.title(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_MEMBERS.TITLE", translate-values="{{values}}") - p(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PROJECT_MEMBERS_DESC", translate-values="{{values}}") + h2.title( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_MEMBERS.TITLE" + translate-values="{{values}}" + ) + p.description( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PROJECT_MEMBERS_DESC" + translate-values="{{values}}" + ) - div(ng-switch-when="public-space-members") - img(width="180", src="/#{v}/svg/icons/multi-block-project.svg") + div(ng-switch-when="public-space-members") + img( + src="/#{v}/svg/icons/multi-block-project.svg" + ) - h2.title(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_SPACE_MEMBERS.TITLE", translate-values="{{values}}") - p(translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_SPACE_MEMBERS.DESC", translate-values="{{values}}") + h2.title( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_SPACE_MEMBERS.TITLE" + translate-values="{{values}}" + ) + p.description( + translate="PROJECT.IMPORT.PROJECT_RESTRICTIONS.PUBLIC_PROJECTS_SPACE_MEMBERS.DESC" + translate-values="{{values}}" + ) div.options - a.button-green(translate="COMMON.ACCEPT", ng-click="close()") \ No newline at end of file + a.button-green( + translate="COMMON.ACCEPT" + ng-click="close()" + ) diff --git a/app/styles/modules/common/lightbox.scss b/app/styles/modules/common/lightbox.scss index 13a4b314..994ce2a4 100644 --- a/app/styles/modules/common/lightbox.scss +++ b/app/styles/modules/common/lightbox.scss @@ -537,15 +537,18 @@ .lightbox-import-error { text-align: center; - p { - a { - color: $primary; - } - } .content { width: 500px; } h2 { margin-top: 1rem; } + .description { + a { + color: $primary; + } + } + img { + height: 5rem; + } } diff --git a/app/svg/icons/project-limit.svg b/app/svg/icons/project-limit.svg index 6f0ac0d5..7c25bdff 100644 --- a/app/svg/icons/project-limit.svg +++ b/app/svg/icons/project-limit.svg @@ -1,8 +1,8 @@ - - - - - - + + + + + +