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

Don't animate review panel entries on toggle and resize

Browse source
This commit is contained in:
James Allen 2017-02-13 09:49:51 +01:00
parent 123300cdfb
commit 85c2910738
3 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web/public/coffee/ide/review-panel/controllers/ReviewPanelController.coffee
View file

@ -33,7 +33,7 @@ define [
$scope.$on "layout:pdf:resize", (event, state) ->
$scope.reviewPanel.layoutToLeft = (state.east?.size < 220 || state.east?.initClosed)
$scope.$broadcast "review-panel:layout"
$scope.$broadcast "review-panel:layout", false
$scope.$on "expandable-text-area:resize", (event) ->
$timeout () ->
@ -154,7 +154,7 @@ define [
return if !reviewPanelOpen?
$timeout () ->
$scope.$broadcast "review-panel:toggle"
$scope.$broadcast "review-panel:layout"
$scope.$broadcast "review-panel:layout", false
regenerateTrackChangesId = (doc) ->
old_id = getChangeTracker(doc.doc_id).getIdSeed()

10
services/web/public/coffee/ide/review-panel/directives/reviewPanelSorted.coffee
View file

@ -6,7 +6,11 @@ define [
link: (scope, element, attrs) ->
previous_focused_entry_index = 0
layout = () ->
layout = (animate = true) ->
if animate
element.removeClass("no-animate")
else
element.addClass("no-animate")
sl_console.log "LAYOUT"
if scope.ui.reviewPanelOpen
PADDING = 8
@ -101,9 +105,9 @@ define [
scope.$applyAsync () ->
layout()
scope.$on "review-panel:layout", () ->
scope.$on "review-panel:layout", (e, animate = true) ->
scope.$applyAsync () ->
layout()
layout(animate)
scope.$watch "reviewPanel.rendererData.lineHeight", () ->
layout()

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

@ -184,6 +184,9 @@
color: #FFF;
cursor: pointer;
transition: top 0.3s, left 0.1s, right 0.1s;
.no-animate & {
transition: none;
}
&-focused {
left: 0px;
@ -277,6 +280,9 @@
border-radius: 3px;
background-color: #FFF;
transition: top 0.3s, left 0.1s, right 0.1s;
.no-animate & {
transition: none;
}
&-insert {
border-color: @rp-green;