mirror of
https://github.com/overleaf/overleaf.git
synced 2025-03-05 22:40:58 +00:00
Add a toggler element inside the review panel.
This commit is contained in:
parent
5237647b8b
commit
5a9519d18f
2 changed files with 39 additions and 0 deletions
|
@ -13,6 +13,10 @@
|
|||
)
|
||||
i.fa.fa-comment
|
||||
| #{translate("add_comment")}
|
||||
a.review-panel-toggler(
|
||||
href
|
||||
ng-click="toggleReviewPanel();"
|
||||
)
|
||||
.review-panel-toolbar
|
||||
resolved-comments-dropdown(
|
||||
class="rp-flex-block"
|
||||
|
|
|
@ -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:
|
||||
// * inline items;
|
||||
// * unknown elements (elements which aren't standard DOM elements, such as custom element directives)
|
||||
|
|
Loading…
Reference in a new issue