mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
Basic styles for import modal
This commit is contained in:
parent
0e11668a61
commit
b68d6411ee
4 changed files with 21 additions and 4 deletions
|
@ -325,14 +325,14 @@ script(type="text/ng-template", id="v1ImportModalTemplate")
|
||||||
alt="The new V2 Editor."
|
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:
|
p Some exciting copy about the new features:
|
||||||
ul
|
ul
|
||||||
li Some stuff
|
li Some stuff
|
||||||
li Some more stuff
|
li Some more stuff
|
||||||
li Yet more stuff
|
li Yet more stuff
|
||||||
|
|
||||||
.modal-footer
|
.modal-footer.v1-import-footer
|
||||||
button.btn.btn-primary(ng-click="openV1()") #{translate("open_in_v1")}
|
button.btn.btn-primary.v1-import-btn(ng-click="openV1()") #{translate("open_in_v1")}
|
||||||
button.btn.btn-primary(ng-click="import()") #{translate("import_to_v2")}
|
button.btn.btn-primary.v1-import-btn(ng-click="import()") #{translate("import_to_v2")}
|
||||||
|
|
||||||
|
|
|
@ -447,6 +447,8 @@ define [
|
||||||
$modal.open(
|
$modal.open(
|
||||||
templateUrl: 'v1ImportModalTemplate'
|
templateUrl: 'v1ImportModalTemplate'
|
||||||
controller: 'UploadProjectModalController'
|
controller: 'UploadProjectModalController'
|
||||||
|
size: 'lg'
|
||||||
|
windowClass: 'v1-import-modal'
|
||||||
resolve:
|
resolve:
|
||||||
project: () -> project
|
project: () -> project
|
||||||
)
|
)
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import "./list/v1-import-modal.less";
|
||||||
|
|
||||||
@announcements-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
|
@announcements-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
|
||||||
|
|
||||||
@keyframes pulse {
|
@keyframes pulse {
|
||||||
|
|
Loading…
Reference in a new issue