agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-14 06:03:45 +01:00
Code Issues Packages Projects Releases 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
Download Patch File Download Diff File Expand all files Collapse all files
services/web/public/coffee/ide/review-panel/controllers/ReviewPanelController.coffee
+2 -2
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()
services/web/public/coffee/ide/review-panel/directives/reviewPanelSorted.coffee
+7 -3
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()
services/web/public/stylesheets/app/editor/review-panel.less
+6
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;