Browse Source

Basic styles for import modal

Alasdair Smith 9 years ago
parent
commit
b68d6411ee

+ 4 - 4
services/web/app/views/project/list/modals.pug

@@ -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")}
 

+ 2 - 0
services/web/public/coffee/main/project-list/project-list.coffee

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

+ 13 - 0
services/web/public/stylesheets/app/list/v1-import-modal.less

@@ -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;
+	}

+ 2 - 0
services/web/public/stylesheets/app/project-list.less

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