Restyle step 1 for side-by-side layout

This commit is contained in:
Alasdair Smith 2017-12-15 13:48:53 +00:00
parent 8862ed383c
commit 75a34024bc
2 changed files with 23 additions and 14 deletions

View file

@ -321,20 +321,23 @@ script(type="text/ng-template", id="v1ImportModalTemplate")
.modal-body.v1-import-wrapper
.v1-import-step-1(ng-show="step === 1")
img.v1-import-img(
src="/img/v1-import/v2-editor.png"
alt="The new V2 Editor."
)
h2.v1-import-title Try the Overleaf v2 Editor
p The Overleaf v2 editor has many great new features including:
ul
li Faster real-time collaboration
li See your coauthors cursors
li Chat with math support
li Tracked changes and commenting
li Improved LaTeX autocomplete
li Two-way Dropbox sync
p Would you like to move #[strong {{project.name}}] into Overleaf v2?
.row
.col-xs-6
img.v1-import-img(
src="/img/v1-import/v2-editor.png"
alt="The new V2 Editor."
)
.col-xs-6.col-offset-6
h2.v1-import-title Try the Overleaf v2 Editor
p The Overleaf v2 editor has many great new features including:
ul
li Faster real-time collaboration
li See your coauthors cursors
li Chat with math support
li Tracked changes and commenting
li Improved LaTeX autocomplete
li Two-way Dropbox sync
p.v1-import-cta Would you like to move #[strong {{project.name}}] into Overleaf v2?
.v1-import-step-2(ng-show="step === 2")
div.v1-import-warning(aria-label="Warning symbol.")

View file

@ -4,6 +4,12 @@
.v1-import-img {
width: 100%;
margin-top: 30px;
}
.v1-import-cta {
margin-top: 20px;
text-align: center;
}
.v1-import-warning {