Add a toggler element inside the review panel.

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

View file

@ -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"

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:
// * inline items;
// * unknown elements (elements which aren't standard DOM elements, such as custom element directives)