github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-03-06 06:42:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add a toggler element inside the review panel.

Browse source
This commit is contained in:
Paulo Reis 2017-05-17 16:41:53 +01:00
parent 5237647b8b
commit 5a9519d18f
2 changed files with 39 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web/app/views/project/editor/review-panel.pug
View file

@ -13,6 +13,10 @@
) )
i.fa.fa-comment i.fa.fa-comment
|  #{translate("add_comment")} |  #{translate("add_comment")}
a.review-panel-toggler(
href
ng-click="toggleReviewPanel();"
)
.review-panel-toolbar .review-panel-toolbar
resolved-comments-dropdown( resolved-comments-dropdown(
class="rp-flex-block" class="rp-flex-block"

35
services/web/public/stylesheets/app/editor/review-panel.less
View file

@ -937,6 +937,41 @@
} }
} }
.review-panel-toggler {
display: none;
position: absolute;
top: 0;
bottom: 0;
width: 10px;
opacity: 0.5;
color: @rp-highlight-blue;
z-index: 1;
cursor: e-resize;
.rp-size-expanded & {
display: block;
}
&:hover {
opacity: 1;
color: @rp-highlight-blue;
}
&::after {
content: "\f105";
font-family: FontAwesome;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
display: block;
position: absolute;
top: 50%;
width: 100%;
text-align: center;
margin-top: -0.5em;
}
}
// Helper class for elements which aren't treated as flex-items by IE10, e.g: // Helper class for elements which aren't treated as flex-items by IE10, e.g:
// * inline items; // * inline items;
// * unknown elements (elements which aren't standard DOM elements, such as custom element directives) // * unknown elements (elements which aren't standard DOM elements, such as custom element directives)