mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
fef395f431
* Always hide vertical overflow on the review panel, not just when it's expanded, which prevents it scrolling slightly when scrolling the PDF in some circumstances * Fix layout shift by always applying overflow-y hidden on review panel and make entry visible in minimized review panel by making the overflow visible while hovering over the entry GitOrigin-RevId: 854ee47a762ee2cf78fbbb5856afddb3b723d679
69 lines
1.9 KiB
JavaScript
69 lines
1.9 KiB
JavaScript
/* eslint-disable
|
|
max-len,
|
|
no-return-assign,
|
|
*/
|
|
// TODO: This file was created by bulk-decaffeinate.
|
|
// Fix any style issues and re-enable lint.
|
|
/*
|
|
* decaffeinate suggestions:
|
|
* DS102: Remove unnecessary code created because of implicit returns
|
|
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
|
|
*/
|
|
import App from '../../../base'
|
|
|
|
export default App.directive('aggregateChangeEntry', $timeout => ({
|
|
restrict: 'E',
|
|
templateUrl: 'aggregateChangeEntryTemplate',
|
|
scope: {
|
|
entry: '=',
|
|
user: '=',
|
|
permissions: '=',
|
|
onAccept: '&',
|
|
onReject: '&',
|
|
onIndicatorClick: '&',
|
|
onMouseEnter: '&',
|
|
onMouseLeave: '&',
|
|
onBodyClick: '&',
|
|
},
|
|
link(scope, element, attrs) {
|
|
scope.contentLimit = 17
|
|
scope.isDeletionCollapsed = true
|
|
scope.isInsertionCollapsed = true
|
|
scope.deletionNeedsCollapsing = false
|
|
scope.insertionNeedsCollapsing = false
|
|
|
|
element.on('click', function (e) {
|
|
if (
|
|
$(e.target).is(
|
|
'.rp-entry, .rp-entry-description, .rp-entry-body, .rp-entry-action-icon i'
|
|
)
|
|
) {
|
|
return scope.onBodyClick()
|
|
}
|
|
})
|
|
|
|
scope.toggleDeletionCollapse = function () {
|
|
scope.isDeletionCollapsed = !scope.isDeletionCollapsed
|
|
return $timeout(() => scope.$emit('review-panel:layout'))
|
|
}
|
|
|
|
scope.toggleInsertionCollapse = function () {
|
|
scope.isInsertionCollapsed = !scope.isInsertionCollapsed
|
|
return $timeout(() => scope.$emit('review-panel:layout'))
|
|
}
|
|
|
|
scope.$watch(
|
|
'entry.metadata.replaced_content.length',
|
|
deletionContentLength =>
|
|
(scope.deletionNeedsCollapsing =
|
|
deletionContentLength > scope.contentLimit)
|
|
)
|
|
|
|
return scope.$watch(
|
|
'entry.content.length',
|
|
insertionContentLength =>
|
|
(scope.insertionNeedsCollapsing =
|
|
insertionContentLength > scope.contentLimit)
|
|
)
|
|
},
|
|
}))
|