Basic styles for import modal

This commit is contained in:
Alasdair Smith 2017-11-27 14:25:15 +00:00
parent 0e11668a61
commit b68d6411ee
4 changed files with 21 additions and 4 deletions

View file

@ -325,14 +325,14 @@ script(type="text/ng-template", id="v1ImportModalTemplate")
alt="The new V2 Editor."
)
h2 Try importing your project to V2!
h2.v1-import-title Try importing your project to V2!
p Some exciting copy about the new features:
ul
li Some stuff
li Some more stuff
li Yet more stuff
.modal-footer
button.btn.btn-primary(ng-click="openV1()") #{translate("open_in_v1")}
button.btn.btn-primary(ng-click="import()") #{translate("import_to_v2")}
.modal-footer.v1-import-footer
button.btn.btn-primary.v1-import-btn(ng-click="openV1()") #{translate("open_in_v1")}
button.btn.btn-primary.v1-import-btn(ng-click="import()") #{translate("import_to_v2")}

View file

@ -447,6 +447,8 @@ define [
$modal.open(
templateUrl: 'v1ImportModalTemplate'
controller: 'UploadProjectModalController'
size: 'lg'
windowClass: 'v1-import-modal'
resolve:
project: () -> project
)

View file

@ -0,0 +1,13 @@
.v1-import-title {
text-align: center;
}
.v1-import-footer {
display: flex;
justify-content: space-evenly;
text-align: left;
}
.v1-import-btn {
width: 20rem;
}

View file

@ -1,3 +1,5 @@
@import "./list/v1-import-modal.less";
@announcements-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
@keyframes pulse {