github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Use resizer icons in Overleaf, to switch the PDF layout.

Browse source
This commit is contained in:
Paulo Reis 2017-11-24 15:53:49 +00:00
parent 39602d78ed
commit 926fd69bb5
2 changed files with 28 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/app/views/project/editor/pdf.pug
View file

@ -102,6 +102,7 @@ div.full-size.pdf(ng-controller="PdfController")
tooltip-placement="bottom"
tooltip-append-to-body="true"
)
i.fa.fa-expand
i.full-screen
a(
href,
@ -111,6 +112,7 @@ div.full-size.pdf(ng-controller="PdfController")
tooltip-placement="bottom"
tooltip-append-to-body="true"
)
i.fa.fa-compress
i.split-screen
i.split-screen
// end of toolbar

28
services/web/public/stylesheets/app/editor/pdf.less
View file

@ -41,6 +41,17 @@
.btn-info;
}
.btn-split-screen when (@is-overleaf = false) {
.fa {
display: none;
}
}
.btn-split-screen when (@is-overleaf = true) {
.fa {
display: none;
}
}
.pdf-viewer {
iframe {
width: 100%;
@ -112,28 +123,41 @@
.toolbar-right {
a {
&:hover {
i {
i when (@is-overleaf = false) {
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
border-color: @gray-dark;
}
}
i {
i when (@is-overleaf = false) {
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid @gray-light;
margin-top: 5px;
}
i.full-screen {
border-top-width: 3px;
border-radius: 2px;
}
i.full-screen when (@is-overleaf = true) {
display: none;
}
i.split-screen {
width: 7px;
border-top-width: 3px;
border-radius: 2px;
margin-left: 2px;
}
i.split-screen when (@is-overleaf = true) {
display: none;
}
i.fa when (@is-overleaf = false) {
display: none;
}
}
}
}